refactor: remove electron-related code

src/providers/ScreenSizeProvider.tsx

@@ -0,0 +1,56 @@
+import { createContext, useContext, useEffect, useState } from 'react'
+
+type TScreenSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl'
+
+type TScreenSizeContext = {
+  screenSize: TScreenSize
+  isSmallScreen: boolean
+}
+
+const ScreenSizeContext = createContext<TScreenSizeContext | undefined>(undefined)
+
+export const useScreenSize = () => {
+  const context = useContext(ScreenSizeContext)
+  if (!context) {
+    throw new Error('useScreenSize must be used within a ScreenSizeProvider')
+  }
+  return context
+}
+
+export function ScreenSizeProvider({ children }: { children: React.ReactNode }) {
+  const [screenSize, setScreenSize] = useState<TScreenSize>('xl')
+  const isSmallScreen = screenSize === 'sm'
+
+  useEffect(() => {
+    const handleResize = () => {
+      if (window.innerWidth < 640) {
+        setScreenSize('sm')
+      } else if (window.innerWidth < 768) {
+        setScreenSize('md')
+      } else if (window.innerWidth < 1024) {
+        setScreenSize('lg')
+      } else if (window.innerWidth < 1280) {
+        setScreenSize('xl')
+      } else {
+        setScreenSize('2xl')
+      }
+    }
+
+    handleResize()
+    window.addEventListener('resize', handleResize)
+    return () => {
+      window.removeEventListener('resize', handleResize)
+    }
+  }, [])
+
+  return (
+    <ScreenSizeContext.Provider
+      value={{
+        screenSize,
+        isSmallScreen
+      }}
+    >
+      {children}
+    </ScreenSizeContext.Provider>
+  )
+}