mobile: fix icon and function name

Signed-off-by: Sahil Aslam <sahil.aslam011@gmail.com>

apps/mobile/app/components/sheets/editor-tabs/index.tsx

@@ -225,13 +225,13 @@ export default function EditorTabs({
         }}
       >
         <Heading size={AppFontSize.lg}>{strings.tabs()}</Heading>
-        <View style={{ flexDirection: "row", gap: 8 }}>
+        <View style={{ flexDirection: "row", gap: DefaultAppStyles.GAP_SMALL }}>
           <IconButton
             onPress={() => {
-              useTabStore.getState().clearTabs();
+              useTabStore.getState().clearAllTabs();
               close?.();
             }}
-            name="close"
+            name="delete-outline"
             color={colors.primary.icon}
           />
           <IconButton

apps/mobile/app/screens/editor/tiptap/use-tab-store.ts

@@ -187,7 +187,7 @@ export type TabStore = {
   focusEmptyTab: () => void;
   getCurrentNoteId: () => string | undefined;
   getTab: (tabId: string) => TabItem | undefined;
-  clearTabs: () => void;
+  clearAllTabs: () => void;
   newTabSession: (
     id: string,
     options?: Omit<Partial<TabSessionItem>, "id">
@@ -484,7 +484,7 @@ export const useTabStore = create<TabStore, any>(
       getTab: (tabId) => {
         return get().tabs.find((t) => t.id === tabId);
       },
-      clearTabs: () => {
+      clearAllTabs: () => {
         const tabs = get().tabs;
         tabs.forEach((tab) => {
           const tabSessions = tabSessionHistory.getTabHistory(tab.id);