feat: Implement Direct Messaging with new frontend components, user search, and backend read state management.

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

@@ -0,0 +1 @@
+<svg class="linkButtonIcon__972a0" aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M13 10a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z" class=""></path><path fill="currentColor" d="M3 5v-.75C3 3.56 3.56 3 4.25 3s1.24.56 1.33 1.25C6.12 8.65 9.46 12 13 12h1a8 8 0 0 1 8 8 2 2 0 0 1-2 2 .21.21 0 0 1-.2-.15 7.65 7.65 0 0 0-1.32-2.3c-.15-.2-.42-.06-.39.17l.25 2c.02.15-.1.28-.25.28H9a2 2 0 0 1-2-2v-2.22c0-1.57-.67-3.05-1.53-4.37A15.85 15.85 0 0 1 3 5Z" class=""></path></svg>

Frontend/Electron/src/assets/icons/index.js

@@ -24,6 +24,7 @@ import TypingIcon from './typing.svg';
 import DMIcon from './dm.svg';
 import SpoilerIcon from './spoiler.svg';
 import CrownIcon from './crown.svg';
+import FriendsIcon from './friends.svg';
 
 export {
     AddIcon,
@@ -51,7 +52,8 @@ export {
     TypingIcon,
     DMIcon,
     SpoilerIcon,
-    CrownIcon
+    CrownIcon,
+    FriendsIcon
 };
 
 export const Icons = {
@@ -80,5 +82,6 @@ export const Icons = {
     Typing: TypingIcon,
     DM: DMIcon,
     Spoiler: SpoilerIcon,
-    Crown: CrownIcon
+    Crown: CrownIcon,
+    Friends: FriendsIcon
 };