Support Refresh token and improve authentication and security.

Refactor authentication handling and API client integration

- Updated UserProfileAvatar to use 'access_token' instead of 'ca_token' for logout.
- Removed SSEProvider from Contexts and adjusted related imports.
- Introduced useAuth hook for centralized authentication logic, including login, logout, and token management.
- Refactored useSSE to utilize the new useAuth hook for token validation.
- Updated UserQueries to check for token validity using the new method.
- Deleted AuthenticationService as its functionality is now handled by useAuth.
- Created a new ApiClient utility for handling API requests and token management.
- Updated various components and views to use the new ApiClient for API interactions.
- Removed TokenManager and migrated its functionality to the new ApiClient.
- Adjusted LoginView and related components to utilize the new authentication flow.
- Cleaned up unused variables and improved code consistency across components.

src/views/components/NavBar.jsx

@@ -87,12 +87,14 @@ const links = [
 ]
 
 import { SafeArea } from 'capacitor-plugin-safe-area'
+import { useAuth } from '../../hooks/useAuth.jsx'
 import Z_INDEX from '../../constants/zIndex'
 import { useResource } from '../../queries/ResourceQueries'
 
 const publicPages = ['/landing', '/privacy', '/terms']
 const NavBar = () => {
   const { data: resource } = useResource()
+  const { logout } = useAuth()
 
   const navigate = useNavigate()
   const [drawerOpen, setDrawerOpen] = useState(false)
@@ -264,12 +266,7 @@ const NavBar = () => {
               <ListItemContent>Upgrade to Plus</ListItemContent>
             </ListItemButton> */}
             <ListItemButton
-              onClick={() => {
-                localStorage.removeItem('ca_token')
-                localStorage.removeItem('ca_expiration')
-                // go to login page:
-                window.location.href = '/login'
-              }}
+              onClick={logout}
               sx={{
                 py: 1.2,
               }}

src/views/components/RichTextEditor.jsx

@@ -12,7 +12,7 @@ import {
 import { useUserProfile } from '../../queries/UserQueries'
 import { useNotification } from '../../service/NotificationProvider'
 import { isPlusAccount, resolvePhotoURL } from '../../utils/Helpers'
-import { UploadFile } from '../../utils/TokenManager'
+import { apiClient } from '../../utils/apiClient'
 import './RichTextEditor.css'
 
 const RichTextEditor = forwardRef(
@@ -106,10 +106,7 @@ const RichTextEditor = forwardRef(
           formData.append('entityId', entityId)
           formData.append('entityType', entityType)
 
-          const response = await UploadFile('/assets/chore', {
-            method: 'POST',
-            body: formData,
-          })
+          const response = await apiClient.upload('/assets/chore', formData)
 
           if (response.status === 507) {
             showError({