fix(client): missing fallbackIcon prop for TabIcon (#489)

Author: alexzhang1030

packages/client/src/components/common/SplitScreen.vue

@@ -72,11 +72,11 @@ const showGridPanel = ref(false)
           <TabIcon
             text-xl
             :icon="currentTab?.icon"
-            title="Settings"
+            :title="currentTab.name"
+            :fallback="(currentTab as ModuleBuiltinTab).fallbackIcon"
             :show-title="false"
           />
           <span capitalize>
-
             {{ currentTab?.name }}
           </span>
         </div>

packages/client/src/pages/settings.vue

@@ -125,7 +125,7 @@ const minimizePanelInteractiveLabel = computed(() => {
                 @update:model-value="(v: boolean) => toggleTab(tab.name, v)"
               >
                 <div flex="~ gap-2" flex-auto items-center justify-start pr-4 text-sm>
-                  <TabIcon text-xl :icon="tab.icon" :title="tab.title" />
+                  <TabIcon text-xl :icon="tab.icon" :fallback="tab.fallbackIcon" :title="tab.title" />
                   <span>{{ tab.title }}</span>
                   <div flex-auto />
                   <template v-if="pinnedTabs.includes(tab.name)">