Develop (#220)

* improve the import/export bookmarks UI

* change the import/export icons

* feat: Add auth modal ui and show it next to onboarding.

* feat: Add google auth.

* feat: Show user info in setting.

* feat: Fix imports.

* feat: Add github auth

* feat: Add logout and observe current user.

* feat: Moved firebase config variable to .env file.

* feat: Create CurrentUser type.

* feat: Create useAuth hook.

* feat: Add profile button to header and create profile page.

* feat: Separate useAuth and AuthStore.

* feat: Move auth modal state handle to AuthStore.

* feat: Create AuthModalStore without persist.

* feat: Rebame config file to firebase config.

* fix: Code reviews.

* fix modal not showing in other pages

* feat: Create separated file for authModalStore.

* fix: Code reviews.

* feat: New AuthModal ui.

* feat: Add authorization token to request interceptor

* feat: Add user connection and disconnection tracking to analytics

* refactor the button component

* refactor: Simplify signIn function by removing providerName parameter

* style: Adjust button padding for small and medium sizes

* style: Update button component in AuthModal for consistent size and styling

* refactor the Modal component and improve Auth Modal

* style: Adjust authModal width for responsive design

* refactor: Remove bookmark import/export functionality from ProfileSettings component

* feat: Add CircleButton component with customizable sizes and variants

* refactor: Replace button elements with CircleButton and Button components in Header and BookmarkSettings

* refactor: Simplify Button usage in BookmarkSettings component

* refactor: Update button styles and layout in App.css for improved flexibility and alignment

* refactor: Rename round-icon-button class to circle-button for consistency and clarity

* fix: Add validation for Firebase configuration to prevent initialization errors

* refactor: Move input styles to App.css and replace button with Button component in ShareModal

* feat: Add profile image container with streak indicator in Header component

* feat: Implement hit tracking and update user streak in AuthStore

* feat: Remove unused idToken and email

* feat: Remove Profile page + Moved userInfo to General settings.

* feat: Replace button elements with Button component for consistency

* feat: Update logout button size and adjust user info layout for better responsiveness

* refactor: Simplify Header component by removing back navigation for home

* feat: Update user info display to show provider name instead of provider ID

* feat: Adjust user image size and enhance layout for user information in General Settings

* feat: Show auth provider icon in user info.

* feat: Create ConfirmModal component.

* feat: Add logout confirm modal.

* feat: Logout firebase user.

* fix: Merge conflicts.

* feat: Implement logout functionality using Firebase signOut

* feat: Enhance user settings UI with improved logout button and layout adjustments

* refactor: Remove unused searchEngine prop from GeneralSettings component

* feat: Add user streak display to GeneralSettings component

* feat: Refactor streak display in GeneralSettings component for improved styling and structure

* feat: Update manifest files to version 3 and adjust permissions

* feat: Add message listener for token reception in auth.js

* refactor: Clean up background.js by removing commented-out code

* feat: Add content script to handle token reception and messaging

* refactor: Update return types for environment utility functions

* feat: Simplify Firebase configuration by removing unused keys and adding build target

* feat: Add host permission checks for Firefox sign-in functionality

* feat: Refactor auth modal store to include error handling and simplify usage in hooks

* feat: Add dangerToast style for error notifications and adjust modal overflow behavior

* feat: Wrap AppLayout component with AuthProvider for improved authentication context

* feat: Implement getOauthLink API and custom hook for OAuth authentication

* feat: Enhance AuthModal with OAuth link handling and error management

* feat: Add AuthProvider component for handling user authentication via OAuth tokens

* feat: Add error styling to AuthModal for improved user feedback

* feat: Change script injection to document.documentElement for improved compatibility

* feat: Remove unused GitHub and Google auth providers from Firebase setup

* feat: Add Spinner component for loading indicators with customizable sizes

* feat: Add loading state to Button component with spinner indicator

* feat: Add CSS styles for Spinner component with customizable sizes

* feat: Update AuthModal to include Google and GitHub auth providers with dynamic links

* feat: Add success toast notification for user login with dynamic welcome message

* refactor: replace react-device-detect with responsive breakpoints and update media queries

* feat: Refactor OAuth link retrieval to accept dynamic provider strings

* feat: Update API endpoint for OAuth link retrieval

* feat: Simplify content script matches in base manifest

* feat: Refactor isConnected function to use direct user check

* feat: Update isConnected check to use direct reference

* feat: Add pluralization utility and update streak display in user info

* Add ad verification

* rename vite config to mjs

* chore: update dependencies and set Node.js engine version

* fix: update request interceptor to use InternalAxiosRequestConfig

* chore: update Node.js version in GitHub Actions workflow to 18

* fix: add unique keys to list items in UserInfo component

* fix: update logout modal title and description for clarity

* fix: improve auth error handling and update modal styles for better user experience

* fix: restrict content script matches to production URL only

* feat: enhance streak display with new icon and styling adjustments

* fix: update background style for content section with gradient

* fix: update content background color and adjust border styling for consistency

* feat: add new avatar icon and define accent color variables for styling

* fix: correct capitalization of terms in AuthModal component

* feat: refactor user information display into separate UserInfo component

* feat: add user ID to User type and initialize user state in AuthProvider

* feat: implement account deletion functionality and integrate into GeneralSettings

* fix: improve error message for account connection in AuthProvider

* feat: enhance UserInfo component with account connection prompt and styling adjustments

* fix: remove redundant text from UserInfo component

* feat: add avatar placeholder styling and improve layout in GeneralSettings

* feat: add loading state to profile image button and apply overflow hidden styling

* feat: add user delete tracking to analytics and update DeleteAccount component

* improve the displaying when the button is disabled

* add isConnecting status to Auth

* chore: update GitHub Actions to use latest versions of checkout, cache, and setup-node

* feat: add Firebase API key to deployment workflows

* fix: update chrome runtime message listener to handle optional chaining correctly

* chore: update dependencies to latest versions in package.json

* refactor: migrate to React 18's createRoot for rendering

* fix: remove console log for user not logged in in getUserToken function

* refactor: update SVG imports to use new syntax for React components

* fix: ensure chrome runtime message listener is added and removed safely

* fix: disable CSS code splitting in Vite configuration

* fix: correct capitalization of Authorization header in DefaultRequestInterceptor

---------

Co-authored-by: zouhir <rajdaouizouhir.pro@gmail.com>

Author: medyo

src/lib/interceptors/DefaultRequestInterceptor.ts

@@ -12,7 +12,7 @@ export async function DefaultRequestInterceptor(config: InternalAxiosRequestConf
 
     const token = await getUserToken()
     if (token) {
-      config.headers.authorization = `Bearer ${token}`
+      config.headers.Authorization = `Bearer ${token}`
     }
   }