feat(ui): add Button, Modal, Spinner, Toast, and Tooltip components with styles

- Implemented Button component with various props for customization.
- Created Modal component with header, content, and footer subcomponents.
- Added Spinner component for loading indicators.
- Developed Toast component for displaying notifications.
- Introduced Tooltip component for contextual hints with keyboard shortcuts.
- Added corresponding CSS modules for styling each component.
- Updated index file to export new components.
- Configured TypeScript settings for the UI package.

apps/web/src/main.jsx

@@ -7,10 +7,8 @@ import App from '@discord-clone/shared/src/App';
 import { ThemeProvider } from '@discord-clone/shared/src/contexts/ThemeContext';
 import { VoiceProvider } from '@discord-clone/shared/src/contexts/VoiceContext';
 import { SearchProvider } from '@discord-clone/shared/src/contexts/SearchContext';
-import { UpdateProvider } from '@discord-clone/shared/src/components/UpdateBanner';
 import webPlatform from '@discord-clone/platform-web';
-import '@discord-clone/shared/src/styles/themes.css';
-import '@discord-clone/shared/src/index.css';
+import '@discord-clone/shared/src/global.css';
 
 const convex = new ConvexReactClient(import.meta.env.VITE_CONVEX_URL);
 
@@ -19,15 +17,13 @@ ReactDOM.createRoot(document.getElementById('root')).render(
     <PlatformProvider platform={webPlatform}>
       <ThemeProvider>
         <ConvexProvider client={convex}>
-          <UpdateProvider>
-            <SearchProvider>
-              <VoiceProvider>
-                <BrowserRouter>
-                  <App />
-                </BrowserRouter>
-              </VoiceProvider>
-            </SearchProvider>
-          </UpdateProvider>
+          <SearchProvider>
+            <VoiceProvider>
+              <BrowserRouter>
+                <App />
+              </BrowserRouter>
+            </VoiceProvider>
+          </SearchProvider>
         </ConvexProvider>
       </ThemeProvider>
     </PlatformProvider>