chore: Remove channel icons from the create inbox page (#12727)

# Pull Request Template

## Description
This PR removes the frame containing all channel icons from the “Create
Inbox” page.

## Type of change

- [x] Bug fix (non-breaking change which fixes an issue)

## How Has This Been Tested?

### Screenshots

**Before**
<img width="1314" height="1016" alt="image"
src="https://github.com/user-attachments/assets/2b773495-9ddb-48b4-b15d-9aef18259ce1"
/>


**After**
<img width="1314" height="979" alt="image"
src="https://github.com/user-attachments/assets/f4dc64cf-516c-4faf-a45c-2f7de05cc29b"
/>



## Checklist:

- [x] My code follows the style guidelines of this project
- [x] I have performed a self-review of my code
- [ ] I have commented on my code, particularly in hard-to-understand
areas
- [ ] I have made corresponding changes to the documentation
- [x] My changes generate no new warnings
- [ ] I have added tests that prove my fix is effective or that my
feature works
- [x] New and existing unit tests pass locally with my changes
- [ ] Any dependent changes have been merged and published in downstream
modules

app/javascript/dashboard/routes/dashboard/settings/inbox/InboxChannels.vue

@@ -6,7 +6,6 @@ import { useMapGetter } from 'dashboard/composables/store';
 import { useBranding } from 'shared/composables/useBranding';
 
 import PageHeader from '../SettingsSubPageHeader.vue';
-import Icon from 'next/icon/Icon.vue';
 
 const { t } = useI18n();
 const route = useRoute();
@@ -14,22 +13,6 @@ const { replaceInstallationName } = useBranding();
 
 const globalConfig = useMapGetter('globalConfig/get');
 
-const ALL_CHANNEL_ICONS = [
-  'i-woot-line',
-  'i-woot-facebook',
-  'i-woot-whatsapp',
-  'i-woot-instagram',
-  'i-woot-messenger',
-  'i-woot-website',
-  'i-woot-mail',
-  'i-woot-sms',
-  'i-woot-telegram',
-  'i-woot-api',
-  'i-woot-twilio',
-  'i-woot-gmail',
-  'i-woot-outlook',
-];
-
 const createFlowSteps = computed(() => {
   const steps = ['CHANNEL', 'INBOX', 'AGENT', 'FINISH'];
 
@@ -78,18 +61,6 @@ const items = computed(() => {
 <template>
   <div class="mx-2 flex flex-col gap-6 mb-8">
     <PageHeader class="block lg:hidden !mb-0" :header-title="pageTitle" />
-    <div class="hidden lg:grid grid-cols-1 lg:grid-cols-8 items-center gap-2">
-      <div class="col-span-2 w-full" />
-      <div class="flex items-center gap-2 col-span-6 ltr:ml-8 rtl:mr-8">
-        <div
-          v-for="icon in ALL_CHANNEL_ICONS"
-          :key="icon"
-          class="size-8 bg-n-alpha-2 flex items-center flex-shrink-0 justify-center rounded-full"
-        >
-          <Icon :icon="icon" class="size-4 text-n-slate-10" />
-        </div>
-      </div>
-    </div>
     <div
       class="grid grid-cols-1 lg:grid-cols-8 lg:divide-x lg:divide-n-weak rounded-xl border border-n-weak min-h-[52rem]"
     >