feat: add user color customization and metadata handling

- Implemented `useUserColor` hook to manage user profile color stored in avatar PNG metadata.
- Added `useOtherUserColor` hook to fetch and cache colors from other users' avatars.
- Created utility functions for reading and writing PNG metadata, enabling color embedding and extraction.
- Refactored `SearchResultGroup`, `RoomInput`, `Message`, `RoomPinMenu`, and `Notifications` components to utilize user color for display.
- Introduced `UserColorPicker` component in settings for users to select and save their profile color.
- Enhanced notification and message rendering to prioritize custom user colors over legacy colors.

src/app/features/call/CallOverlay.tsx

@@ -605,7 +605,20 @@ export function CallOverlay() {
           <Text size="T300" truncate>
             {isConnecting ? 'Connecting...' : `In Call - ${room?.name ?? 'Unknown Room'}`}
             {selectedRoomId === activeCall.roomId && (
-              <span style={{ opacity: 0.7, fontSize: '0.85em' }}> (Current Room)</span>
+              <TooltipProvider
+                position="Top"
+                offset={4}
+                tooltip={<Tooltip><Text>Current Room</Text></Tooltip>}
+              >
+                {(triggerRef) => (
+                  <Icon 
+                    ref={triggerRef}
+                    size="100" 
+                    src={Icons.Check} 
+                    style={{ marginLeft: '4px', opacity: 0.7, verticalAlign: 'middle' }} 
+                  />
+                )}
+              </TooltipProvider>
             )}
           </Text>
           {selectedRoomId !== activeCall.roomId && (