feat: update UI configurations and enhance skills data structure for improved functionality

app/app.config.ts

@@ -1,7 +1,7 @@
 export default defineAppConfig({
   ui: {
     container: {
-      base: 'max-w-4xl',
+      base: 'max-w-3xl',
     },
     colors: {
       primary: 'neutral',

app/components/chat/CommandPalette.vue

@@ -36,6 +36,8 @@ const { dark, toggleDark } = useTheme()
 
 defineShortcuts({
   meta_enter: () => openMessageModal.value = !openMessageModal.value,
+  enter: () => openMessageModal.value = !openMessageModal.value,
+  meta_k: () => openMessageModal.value = !openMessageModal.value,
   meta_d: () => openClearModal.value = !openClearModal.value,
   l: () => changeLocale(currentLocale.value!.code === 'en' ? 'fr' : currentLocale.value!.code === 'fr' ? 'es' : 'en'),
   t: () => toggleDark({ clientX: window.innerWidth, clientY: 0 }),
@@ -55,7 +57,7 @@ const commandPaletteUi = {
 
 <template>
   <nav
-    class="fixed z-50 pb-8 duration-700 mx-auto p-8"
+    class="fixed z-50 pb-8 duration-700 mx-auto px-8 sm:px-0"
     :class="active ? 'bottom-0 left-1/2 -translate-x-1/2' : 'max-w-[40rem] w-full md:bottom-1/5 left-1/2 -translate-x-1/2 bottom-0'"
   >
     <UCard variant="outline" class="rounded-xl shadow-lg w-full" :ui="{ body: 'p-2 sm:p-2 flex gap-2 w-full' }">

app/components/tool/Skills.vue

@@ -10,15 +10,16 @@ const { t, locale } = useI18n()
       <p>{{ t('skills.main') }}</p>
     </div>
     <div v-if="skills" class="space-y-12 m-1 my-4">
-      <div v-for="category in skills.items" :key="category.id" class="space-y-8">
+      <div v-for="item in skills.body" :key="item.id" class="space-y-8">
         <USeparator
-          :label="locale === 'en' ? category.name.en : locale === 'es' ? category.name.es : category.name.fr"
+          :label="locale === 'en' ? item.name.en : locale === 'es' ? item.name.es : item.name.fr"
           size="xs"
+          type="dashed"
         />
         <div class="flex gap-3 flex-wrap">
           <UButton
-            v-for="skill in category.items"
-            :key="skill.id"
+            v-for="skill in item.items"
+            :key="skill.name.trim()"
             :label="skill.name"
             variant="subtle"
             color="neutral"