feat(extension): Add optional login element to AppRouter

- Update AppRouter to accept an optional loginElement prop
- Modify floating sphere content script to provide an empty login div
- Enhance routing flexibility for login page rendering

apps/extension/src/entrypoints/floatingSphere-csui.content/index.tsx

@@ -45,9 +45,9 @@ export default defineContentScript({
             }}
           >
             <MemoryRouter>
-              <AppRouter loadingElement={<div />}>
+              <AppRouter loadingElement={<div />} loginElement={<div />}>
                 <Route path="/" element={<App />} />
-                <Route path="/login" element={<App />} />
+                <Route path="/login" element={<div />} />
               </AppRouter>
             </MemoryRouter>
           </ConfigProvider>,

apps/extension/src/routes/index.tsx

@@ -15,6 +15,7 @@ import { SuspenseLoading } from '@refly-packages/ai-workspace-common/components/
 export const AppRouter = (props: {
   children: React.ReactNode;
   loadingElement?: React.ReactNode;
+  loginElement?: React.ReactNode;
 }) => {
   const userStore = useUserStore((state) => ({
     localSettings: state.localSettings,
@@ -45,7 +46,7 @@ export const AppRouter = (props: {
   if (!userStore.userProfile) {
     return (
       <Routes>
-        <Route path="*" element={<Login />} />
+        <Route path="*" element={props.loginElement || <Login />} />
       </Routes>
     );
   }