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.

packages/shared/package.json

@@ -1,18 +1,24 @@
 {
   "name": "@discord-clone/shared",
   "private": true,
-  "version": "1.0.40",
+  "version": "1.0.50",
   "type": "module",
-  "main": "src/App.jsx",
+  "main": "src/App.tsx",
   "dependencies": {
     "@convex-dev/presence": "^0.3.0",
+    "@discord-clone/ui": "*",
+    "@discord-clone/constants": "*",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
+    "@floating-ui/react": "^0.26.0",
     "@livekit/components-react": "^2.9.17",
     "@livekit/components-styles": "^1.2.0",
+    "@phosphor-icons/react": "^2.1.7",
     "@use-gesture/react": "^10.3.1",
+    "clsx": "^2.1.1",
     "convex": "^1.31.2",
+    "framer-motion": "^11.0.0",
     "livekit-client": "^2.16.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
@@ -23,5 +29,10 @@
     "react-virtuoso": "^4.18.1",
     "remark-gfm": "^4.0.1",
     "sql.js": "^1.12.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "typescript": "^5.7.0"
   }
 }