Add search and fetch user account

frontend/src/App.tsx

@@ -1,3 +1,4 @@
+import { useEffect } from 'react'
 import { Routes, Route, Navigate } from 'react-router-dom'
 import { useAuthStore } from '@/store/auth'
 import { ToastContainer, ConfirmModal } from '@/components/ui'
@@ -60,6 +61,12 @@ function PublicRoute({ children }: { children: React.ReactNode }) {
 function App() {
   const banInfo = useAuthStore((state) => state.banInfo)
   const isAuthenticated = useAuthStore((state) => state.isAuthenticated)
+  const syncUser = useAuthStore((state) => state.syncUser)
+
+  // Sync user data with server on app load
+  useEffect(() => {
+    syncUser()
+  }, [syncUser])
 
   // Show banned screen if user is authenticated and banned
   if (isAuthenticated && banInfo) {