fix(extension): update icons to use common repo ui

Author: collectedmind

clients/extension/components/action-header/index.tsx

@@ -1,5 +1,5 @@
 import style from './style.module.css'
-import { OverflowMenuIcon } from '../icons/OverflowMenuIcon'
+import { OverflowMenuIcon } from '@ui/icons/OverflowMenuIcon'
 import { PocketLogo } from '../icons/Pocket'
 // import { SaveFilledIcon } from '../icons/SaveFilledIcon'
 // import { SaveIcon } from '../icons/SaveIcon'

clients/extension/components/icons/AddNoteIcon.tsx

@@ -1,6 +1,6 @@
 import style from './style.module.css'
-import { AddNoteIcon } from '../icons/AddNoteIcon'
-import { ChevronLeftIcon } from '../icons/ChevronLeftIcon'
+import { AddNoteIcon } from '@ui/icons/AddNoteIcon'
+import { ChevronLeftIcon } from '@ui/icons/ChevronLeftIcon'
 
 // Types
 import type { Dispatch, SetStateAction } from 'react'

clients/extension/components/icons/ArrowLeftIcon.tsx

@@ -1,7 +1,7 @@
 import style from './style.module.css'
 
-import { DeleteIcon } from '../icons/DeleteIcon'
-import { NotesIcon } from '../icons/NotesIcon'
+import { DeleteIcon } from '@ui/icons/DeleteIcon'
+import { NotesIcon } from '@ui/icons/NotesIcon'
 
 // Types
 import type { Dispatch, SetStateAction } from 'react'

clients/extension/components/icons/ChevronLeftIcon.tsx

@@ -1,17 +1,17 @@
 import style from './style.module.css'
-import { IconSave } from '../icons/icon-save'
-import { IconSnippets } from '../icons/icon-snippets'
+import { SaveIcon } from '@ui/icons/SaveIcon'
+import { SnippetsIcon } from '@ui/icons/SnippetsIcon'
 
 export function SaveActions({ actionSave }: { actionSave: () => void }) {
   return (
     <main>
       <h2 className={style.title}>Save To Pocket</h2>
       <div className={style.actions}>
         <button onClick={actionSave}>
-          <IconSave /> Save Url
+          <SaveIcon /> Save Url
         </button>
         <button>
-          <IconSnippets /> Add Clipping
+          <SnippetsIcon /> Add Clipping
         </button>
       </div>
     </main>

clients/extension/components/icons/DeleteIcon.tsx

@@ -0,0 +1,14 @@
+/* eslint-disable @typescript-eslint/no-unsafe-return */
+/* eslint-disable @typescript-eslint/no-unsafe-call */
+/* eslint-disable @typescript-eslint/no-unsafe-member-access */
+
+module.exports = {
+  config: (config) => {
+    config.module.rules.push({
+      test: /\.tsx?$/,
+      use: 'ts-loader',
+      include: /ui/
+    })
+    return config
+  }
+}

clients/extension/components/icons/NotesIcon.tsx

@@ -10,6 +10,7 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-markdown": "9.0.3",
+    "ts-loader": "9.5.2",
     "uuid": "11.0.5"
   },
   "devDependencies": {