feat: enhance command palette with new "uses" feature and update chat types

- Added "View setup" command to the command palette in English, French, and Spanish.
- Removed "Tech Stack" command from the command palette.
- Updated MessageContainer to handle new "uses" message type.
- Refactored chat.ts to use a new ChatMessages function for better organization.
- Created new Uses.vue component to display a list of software and gadgets.
- Added Item.vue and List.vue components for rendering individual items and categories.
- Updated content configuration to include new skills and uses categories.
- Added new JSON files for programming languages, frontend, backend, devops, and python frameworks.
- Updated existing JSON files for homelab items with improved descriptions.
- Removed obsolete stack JSON files.

app/components/chat/CommandPalette.vue

@@ -156,6 +156,10 @@ const commandPaletteUi = {
             "label": "Change theme",
             "prompt": "How can I change the theme?"
         },
+        "uses": {
+          "label": "View setup",
+          "prompt": "How can I view the setup of Arthur?"
+        },
         "stats": {
           "label": "View statistics",
           "prompt": "How can I view the statistics concerning Arthur?"
@@ -196,10 +200,6 @@ const commandPaletteUi = {
             "label": "Skills",
             "prompt": "What are your skills?"
         },
-        "stack": {
-            "label": "Tech Stack",
-            "prompt": "What tech stack are you currently using?"
-        },
         "status": {
             "label": "Homelab status",
             "prompt": "I saw you have a homelab, is it currently working?"
@@ -242,6 +242,10 @@ const commandPaletteUi = {
         "label": "Changer de thème",
         "prompt": "Comment puis-je changer le thème ?"
       },
+      "uses": {
+        "label": "Voir la configuration",
+        "prompt": "Comment puis-je voir la configuration d'Arthur ?"
+      },
       "stats": {
         "label": "Voir les statistiques",
         "prompt": "Comment puis-je voir les statistiques concernant Arthur ?"
@@ -282,10 +286,6 @@ const commandPaletteUi = {
         "label": "Compétences",
         "prompt": "Quelles sont tes compétences ?"
       },
-      "stack": {
-        "label": "Tech Stack",
-        "prompt": "Quelle est stack technique utilises-tu en ce moment ?"
-      },
       "status": {
         "label": "Statut du homelab",
         "prompt": "J'ai vu que tu avais un homelab, est-il actuellement fonctionnel ?"
@@ -328,6 +328,10 @@ const commandPaletteUi = {
             "label": "Cambiar tema",
             "prompt": "¿Cómo puedo cambiar el tema?"
         },
+        "uses": {
+            "label": "Ver la configuración",
+            "prompt": "¿Cómo puedo ver la configuración de Arthur?"
+        },
         "stats": {
             "label": "Ver estadísticas",
             "prompt": "¿Cómo puedo ver las estadísticas sobre Arthur?"
@@ -368,10 +372,6 @@ const commandPaletteUi = {
             "label": "Habilidades",
             "prompt": "¿Cuáles son tus habilidades?"
         },
-        "stack": {
-            "label": "Stack tecnológico",
-            "prompt": "¿Qué stack tecnológico estás usando actualmente?"
-        },
         "status": {
             "label": "Estado del homelab",
             "prompt": "Vi que tienes un homelab, ¿está funcionando actualmente?"

app/components/chat/MessageContainer.vue

@@ -23,9 +23,7 @@ const formatted = computed(() => useDateFormat(useNow(), 'D MMMM YYYY, HH:mm', {
         class="rounded-xl mt-1 bg-sky-500 md:max-w-3/4 text-white font-medium"
         :ui="{ body: 'sm:p-2', header: 'sm:p-2', footer: 'sm:p-2' }"
       >
-        <div class="text-justify">
-          {{ message.content }}
-        </div>
+        {{ message.content }}
       </UCard>
     </div>
     <div class="opacity-0 group-hover:opacity-80 duration-500 flex text-sm italic justify-end">
@@ -57,6 +55,9 @@ const formatted = computed(() => useDateFormat(useNow(), 'D MMMM YYYY, HH:mm', {
         <div v-else-if="message.type === ChatType.THEME">
           <ToolTheme />
         </div>
+        <div v-else-if="message.type === ChatType.USES">
+          <ToolUses />
+        </div>
         <div v-else-if="message.type === ChatType.LANGUAGE">
           <ToolLanguage />
         </div>