Revert "Refactor components to remove forwardRef and simplify props handling"

This reverts commit 1cd013fb94.

src/providers/app-data-provider.tsx

@@ -1,5 +1,11 @@
 import { listen } from "@tauri-apps/api/event";
-import React, { createContext, use, useEffect, useMemo, useRef } from "react";
+import React, {
+  createContext,
+  useContext,
+  useEffect,
+  useMemo,
+  useRef,
+} from "react";
 import useSWR from "swr";
 
 import { useClashInfo } from "@/hooks/use-clash";
@@ -583,12 +589,14 @@ export const AppDataProvider = ({
     refreshAll,
   ]);
 
-  return <AppDataContext value={value}>{children}</AppDataContext>;
+  return (
+    <AppDataContext.Provider value={value}>{children}</AppDataContext.Provider>
+  );
 };
 
 // 自定义Hook访问全局数据
 export const useAppData = () => {
-  const context = use(AppDataContext);
+  const context = useContext(AppDataContext);
 
   if (!context) {
     throw new Error("useAppData必须在AppDataProvider内使用");

src/providers/chain-proxy-provider.tsx

@@ -1,4 +1,4 @@
-import React, { createContext, useCallback, use, useState } from "react";
+import React, { createContext, useCallback, useContext, useState } from "react";
 
 interface ChainProxyContextType {
   isChainMode: boolean;
@@ -26,7 +26,7 @@ export const ChainProxyProvider = ({
   }, []);
 
   return (
-    <ChainProxyContext
+    <ChainProxyContext.Provider
       value={{
         isChainMode,
         setChainMode,
@@ -35,12 +35,12 @@ export const ChainProxyProvider = ({
       }}
     >
       {children}
-    </ChainProxyContext>
+    </ChainProxyContext.Provider>
   );
 };
 
 export const useChainProxy = () => {
-  const context = use(ChainProxyContext);
+  const context = useContext(ChainProxyContext);
   if (!context) {
     throw new Error("useChainProxy must be used within a ChainProxyProvider");
   }