feat:: Better /help command with banner and more separators!

src/commands/info/help.ts

···
   ButtonStyle,
   SeparatorBuilder,
   SeparatorSpacingSize,
+  MediaGalleryBuilder,
+  MediaGalleryItemBuilder,
   type MessageActionRowComponentBuilder,
 } from 'discord.js';
 
···
       ]);
 
       const container = new ContainerBuilder()
-        .setAccentColor(0x5865f2)
+        .setAccentColor(0xf4f4f4)
+
+        .addMediaGalleryComponents(
+          new MediaGalleryBuilder().addItems(
+            new MediaGalleryItemBuilder().setURL(
+              'https://aethel.xyz/aethel_banner_white.png'
+            )
+          )
+        )
         .addTextDisplayComponents(new TextDisplayBuilder().setContent(`# ${title || 'Aethel Bot'}`))
         .addTextDisplayComponents(
           new TextDisplayBuilder().setContent(description || 'Get information about Aethel')
         )
+        .addSeparatorComponents(new SeparatorBuilder().setSpacing(SeparatorSpacingSize.Large))
         .addTextDisplayComponents(
           new TextDisplayBuilder().setContent(
             `\n## **${linksSocialText || 'Links & Social Media'}**`
···
             '[Website](https://aethel.xyz) • [GitHub](https://github.com/aethel-labs/aethel) • [Bluesky](https://bsky.app/profile/aethel.xyz)'
           )
         )
+        .addSeparatorComponents(new SeparatorBuilder().setSpacing(SeparatorSpacingSize.Large))
         .addTextDisplayComponents(
           new TextDisplayBuilder().setContent(`\n## **${featuresText || 'Features'}**`)
         )
···
                 '**Multi-language** - Supports multiple languages'
           )
         )
+
         .addSeparatorComponents(
           new SeparatorBuilder().setSpacing(SeparatorSpacingSize.Large).setDivider(true)
         )
···
             `-# ${dashboardText || 'Dashboard available at https://aethel.xyz/login for To-Dos, Reminders and custom AI API key management'}`
           )
         )
+        .addSeparatorComponents(new SeparatorBuilder().setSpacing(SeparatorSpacingSize.Large))
         .addActionRowComponents(
           new ActionRowBuilder<MessageActionRowComponentBuilder>().addComponents(
             new ButtonBuilder()

src/events/interactionCreate.ts

···
   SeparatorBuilder,
   SeparatorSpacingSize,
   ButtonInteraction,
+  type MessageActionRowComponentBuilder,
 } from 'discord.js';
 
 type InteractionHandler = (...args: ClientEvents['interactionCreate']) => void;
···
           ]);
 
           const container = new ContainerBuilder()
-            .setAccentColor(0x5865f2)
+            .setAccentColor(0xf4f4f4)
+
+            .addMediaGalleryComponents(
+              new MediaGalleryBuilder().addItems(
+                new MediaGalleryItemBuilder().setURL('https://aethel.xyz/aethel_banner_white.png')
+              )
+            )
             .addTextDisplayComponents(
               new TextDisplayBuilder().setContent(`# ${title || 'Aethel Bot'}`)
             )
             .addTextDisplayComponents(
-              new TextDisplayBuilder().setContent(
-                description ||
-                  'Enhance your server with fun commands, utilities, and AI-powered features.'
-              )
+              new TextDisplayBuilder().setContent(description || 'Get information about Aethel')
             )
+            .addSeparatorComponents(new SeparatorBuilder().setSpacing(SeparatorSpacingSize.Large))
             .addTextDisplayComponents(
               new TextDisplayBuilder().setContent(
                 `\n## **${linksSocialText || 'Links & Social Media'}**`
···
                 '[Website](https://aethel.xyz) • [GitHub](https://github.com/aethel-labs/aethel) • [Bluesky](https://bsky.app/profile/aethel.xyz)'
               )
             )
+            .addSeparatorComponents(new SeparatorBuilder().setSpacing(SeparatorSpacingSize.Large))
             .addTextDisplayComponents(
               new TextDisplayBuilder().setContent(`\n## **${featuresText || 'Features'}**`)
             )
···
                     '**Multi-language** - Supports multiple languages'
               )
             )
+
             .addSeparatorComponents(
               new SeparatorBuilder().setSpacing(SeparatorSpacingSize.Large).setDivider(true)
             )
···
                 `-# ${dashboardText || 'Dashboard available at https://aethel.xyz/login for To-Dos, Reminders and custom AI API key management'}`
               )
             )
+            .addSeparatorComponents(new SeparatorBuilder().setSpacing(SeparatorSpacingSize.Large))
             .addActionRowComponents(
-              new ActionRowBuilder<ButtonBuilder>().addComponents(
+              new ActionRowBuilder<MessageActionRowComponentBuilder>().addComponents(
                 new ButtonBuilder()
                   .setStyle(ButtonStyle.Primary)
                   .setLabel(viewCommandsText || 'Commands')

web/src/components/Layout.tsx

···
         >
           <div className="flex h-16 items-center justify-between px-6 border-b border-gray-200">
             <div className="flex items-center space-x-3">
-              <img className="w-8 h-8 rounded-lg object-contain" src="/bot_icon.png" alt="Aethel Bot" style={{ imageRendering: 'crisp-edges' }} />
+              <img
+                className="w-8 h-8 rounded-lg object-contain"
+                src="/bot_icon.png"
+                alt="Aethel Bot"
+                style={{ imageRendering: 'crisp-edges' }}
+              />
               <h1 className="text-xl font-semibold text-gray-900">Aethel</h1>
             </div>
             <button
···
                 <Menu className="h-5 w-5" />
               </button>
               <div className="flex items-center space-x-3">
-                <img className="w-8 h-8 rounded-lg object-contain" src="/bot_icon.png" alt="Aethel Bot" style={{ imageRendering: 'crisp-edges' }} />
+                <img
+                  className="w-8 h-8 rounded-lg object-contain"
+                  src="/bot_icon.png"
+                  alt="Aethel Bot"
+                  style={{ imageRendering: 'crisp-edges' }}
+                />
                 <h1 className="text-xl font-semibold text-gray-900">Aethel</h1>
               </div>
             </div>