feat: add showSwitchThemeLocationTippy state and handler to ThemeProvider for improved theme switching experience

Author: AbhishekA1509

src/Shared/Providers/ThemeProvider/ThemeProvider.tsx

@@ -28,6 +28,7 @@ const themeContext = createContext<ThemeContextType>(null)
 
 export const ThemeProvider = ({ children }: ThemeProviderProps) => {
     const [showThemeSwitcherDialog, setShowThemeSwitcherDialog] = useState<boolean>(false)
+    const [showSwitchThemeLocationTippy, setShowSwitchThemeLocationTippy] = useState<boolean>(false)
     const [themeConfig, setThemeConfig] = useState<ThemeConfigType>(getThemeConfigFromLocalStorage)
 
     const handleThemePreferenceChange: ThemeContextType['handleThemePreferenceChange'] = (updatedThemePreference) => {
@@ -73,14 +74,20 @@ export const ThemeProvider = ({ children }: ThemeProviderProps) => {
         setShowThemeSwitcherDialog(isVisible)
     }
 
+    const handleShowSwitchThemeLocationTippyChange = (isVisible: boolean) => {
+        setShowSwitchThemeLocationTippy(isVisible)
+    }
+
     const value = useMemo<ThemeContextType>(
         () => ({
             ...themeConfig,
             showThemeSwitcherDialog,
             handleThemeSwitcherDialogVisibilityChange,
             handleThemePreferenceChange,
+            showSwitchThemeLocationTippy,
+            handleShowSwitchThemeLocationTippyChange,
         }),
-        [themeConfig, showThemeSwitcherDialog],
+        [themeConfig, showThemeSwitcherDialog, showSwitchThemeLocationTippy],
     )
 
     return <themeContext.Provider value={value}>{children}</themeContext.Provider>

src/Shared/Providers/ThemeProvider/types.ts

@@ -46,6 +46,8 @@ export interface ThemeConfigType {
 }
 
 export interface ThemeContextType extends ThemeConfigType {
+    showSwitchThemeLocationTippy: boolean
+    handleShowSwitchThemeLocationTippyChange: (isVisible: boolean) => void
     showThemeSwitcherDialog: boolean
     handleThemeSwitcherDialogVisibilityChange: (isVisible: boolean) => void
     handleThemePreferenceChange: (updatedThemePreference: ThemePreferenceType) => void