feat: 添加导航栏组件，优化路由持久化逻辑，更新存储工具类

entrypoints/popup/components/RoutePersistence.tsx

@@ -0,0 +1,45 @@
+import { useEffect, useRef } from 'react';
+import { useLocation, useNavigate } from 'react-router-dom';
+import { storage } from '@/utils/storage';
+
+const RoutePersistence = () => {
+  const location = useLocation();
+  const navigate = useNavigate();
+
+  const isRestored = useRef(false);
+
+  useEffect(() => {
+    const restoreRoute = async () => {
+      if (isRestored.current) return;
+
+      try {
+        const lastRoute = await storage.get('app/lastRoute');
+
+        if (lastRoute && lastRoute !== '/' && location.pathname === '/') {
+          navigate(lastRoute, { replace: true });
+          console.log('跳转路由', lastRoute);
+        }
+      } catch (err) {
+        console.error('恢复路由失败', err);
+      } finally {
+        isRestored.current = true;
+      }
+    };
+
+    restoreRoute();
+  }, [location, navigate]);
+
+  useEffect(() => {
+    const saveRoute = async () => {
+      if (!isRestored.current) return;
+      await storage.set('app/lastRoute', location.pathname);
+      console.log('保存路由', location.pathname);
+    };
+
+    saveRoute();
+  }, [location]);
+
+  return null;
+};
+
+export default RoutePersistence;