feat: enhance customization options with new 'Mes Persos' panel and improved context menus

frontend/src/views/HomePage.vue

@@ -5,9 +5,9 @@
 
     <div class="xip-root">
       <!-- Zone chat centrale -->
-      <div class="xip-center">
+      <div class="xip-center" :style="chatBgStyle">
         <ChatHeader :connected-count="stats?.connectedTabs ?? 0" />
-        <MessageList :messages="messages" :hide-ads="!!myPerks.noads" @reply="startReply" />
+        <MessageList :messages="messages" :hide-ads="!!myPerks.noads" :my-ip="myIp" @reply="startReply" />
 
         <!-- Bannière de réponse -->
         <div v-if="replyingTo" class="reply-banner">
@@ -94,10 +94,22 @@ import StatsTicker from '@/components/StatsTicker.vue';
 import { useMessages } from '@/composables/useMessages';
 import { useAttachments } from '@/composables/useAttachments';
 import { useAlert } from '@/composables/useAlert';
+import { useCustomStyles } from '@/composables/useCustomStyles';
 
-const { messages, sending, postMessage, stats, connected, sendTyping, myPerks } = useMessages();
+const { messages, sending, postMessage, stats, connected, sendTyping, myPerks, myIp } = useMessages();
 const { uploadFile, kb } = useAttachments();
 const { fireAlert } = useAlert();
+const { prefs: stylePrefs } = useCustomStyles();
+
+const chatBgStyle = computed(() => {
+  if (!stylePrefs.chatBgUrl) return {};
+  return {
+    backgroundImage: `url(${stylePrefs.chatBgUrl})`,
+    backgroundSize: 'cover',
+    backgroundPosition: 'center',
+    backgroundRepeat: 'no-repeat',
+  };
+});
 
 const draft = ref('');