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.

convex/auth.ts

@@ -208,6 +208,7 @@ export const getPublicKeys = query({
       aboutMe: v.optional(v.string()),
       customStatus: v.optional(v.string()),
       joinSoundUrl: v.optional(v.union(v.string(), v.null())),
+      accentColor: v.optional(v.string()),
     })
   ),
   handler: async (ctx) => {
@@ -232,6 +233,7 @@ export const getPublicKeys = query({
         aboutMe: u.aboutMe,
         customStatus: u.customStatus,
         joinSoundUrl,
+        accentColor: u.accentColor,
       });
     }
     return results;
@@ -248,6 +250,7 @@ export const updateProfile = mutation({
     customStatus: v.optional(v.string()),
     joinSoundStorageId: v.optional(v.id("_storage")),
     removeJoinSound: v.optional(v.boolean()),
+    accentColor: v.optional(v.string()),
   },
   returns: v.null(),
   handler: async (ctx, args) => {
@@ -258,6 +261,7 @@ export const updateProfile = mutation({
     if (args.customStatus !== undefined) patch.customStatus = args.customStatus;
     if (args.joinSoundStorageId !== undefined) patch.joinSoundStorageId = args.joinSoundStorageId;
     if (args.removeJoinSound) patch.joinSoundStorageId = undefined;
+    if (args.accentColor !== undefined) patch.accentColor = args.accentColor;
     await ctx.db.patch(args.userId, patch);
     return null;
   },