feat: add Friends View component displaying online/all users with status and direct message functionality.

Frontend/Electron/src/assets/icons/message.svg

@@ -0,0 +1 @@
+<svg class="icon_f8fa06" aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M12 22a10 10 0 1 0-8.45-4.64c.13.19.11.44-.04.61l-2.06 2.37A1 1 0 0 0 2.2 22H12Z" class=""></path></svg>

Frontend/Electron/src/components/FriendsView.jsx

@@ -3,6 +3,7 @@ import { useQuery } from 'convex/react';
 import { api } from '../../../../convex/_generated/api';
 import Avatar from './Avatar';
 import { useOnlineUsers } from '../contexts/PresenceContext';
+import friendsIcon from '../assets/icons/friends.svg';
 
 const FriendsView = ({ onOpenDM }) => {
     const [activeTab, setActiveTab] = useState('Online');
@@ -52,10 +53,28 @@ const FriendsView = ({ onOpenDM }) => {
                 flexShrink: 0
             }}>
                 <div style={{ display: 'flex', alignItems: 'center', marginRight: '16px', paddingRight: '16px', borderRight: '1px solid var(--border-subtle)' }}>
-                     <svg width="24" height="24" viewBox="0 0 24 24" fill="none" style={{ marginRight: 8, color: 'var(--text-muted)' }}>
-                        <path d="M13.5 2C13.5 2.82843 12.8284 3.5 12 3.5C11.1716 3.5 10.5 2.82843 10.5 2C10.5 1.17157 11.1716 0.5 12 0.5C12.8284 0.5 13.5 1.17157 13.5 2Z" fill="currentColor"/>
-                         <path d="M7 13C7 11.8954 7.89543 11 9 11H15C16.1046 11 17 11.8954 17 13V15H7V13Z" fill="currentColor"/>
-                     </svg>
+                    <div style={{ marginRight: '12px' }}>
+                        <div style={{
+                            width: 24,
+                            height: 24,
+                            overflow: 'hidden',
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            flexShrink: 0
+                        }}>
+                            <img
+                                src={friendsIcon}
+                                alt=""
+                                style={{
+                                    width: 24,
+                                    height: 24,
+                                    transform: 'translateX(-1000px)',
+                                    filter: `drop-shadow(1000px 0 0 var(--interactive-normal))`
+                                }}
+                            />
+                        </div>
+                    </div>
                      Friends
                 </div>