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/vite.config.js

@@ -72,6 +72,25 @@ export default defineConfig({
     alias: {
       '@discord-clone/shared': path.resolve(__dirname, '../../packages/shared'),
       '@discord-clone/platform-web': path.resolve(__dirname, '../../packages/platform-web'),
+      '@discord-clone/ui': path.resolve(__dirname, '../../packages/ui/src'),
+      '@discord-clone/constants': path.resolve(__dirname, '../../packages/constants/src'),
+      '@brycord/ui': path.resolve(__dirname, '../../packages/ui/src'),
+      '@brycord/constants': path.resolve(__dirname, '../../packages/constants/src'),
+      '@brycord/matrix-client': path.resolve(__dirname, '../../packages/shared/src/_shims/matrix-client.ts'),
+      '@app/stores': path.resolve(__dirname, '../../packages/shared/src/_shims/stores'),
+      '@app/actions': path.resolve(__dirname, '../../packages/shared/src/_shims/actions'),
+      '@app/components': path.resolve(__dirname, '../../packages/shared/src/components'),
+      '@app/hooks': path.resolve(__dirname, '../../packages/shared/src/_shims/app/hooks'),
+      '@app/utils': path.resolve(__dirname, '../../packages/shared/src/_shims/app/utils'),
+      '@app/data': path.resolve(__dirname, '../../packages/shared/src/_shims/app/data'),
+      '@app': path.resolve(__dirname, '../../packages/shared/src/_shims/app'),
+      'mobx-react-lite': path.resolve(__dirname, '../../packages/shared/src/_shims/mobx-react-lite.ts'),
+      mobx: path.resolve(__dirname, '../../packages/shared/src/_shims/mobx.ts'),
+    },
+  },
+  css: {
+    modules: {
+      localsConvention: 'camelCaseOnly',
     },
   },
   build: {