⚙️ Update all svgs icons with new typescript api

src/components/icons/raycastIcon.svelte

@@ -1,12 +1,13 @@
 <script lang="ts">
-  export let iconSize: number;
-  export let className: string;
+  import type { IconProps } from '@/types/icon';
+
+  export let iconProps: IconProps;
 </script>
 
 <svg
-  width={iconSize || 28}
-  height={iconSize || 28}
-  class={className}
+  width={iconProps.size || 28}
+  height={iconProps.size || 28}
+  class={iconProps.className}
   viewBox="0 0 28 28"
   fill="none"
   xmlns="http://www.w3.org/2000/svg"
@@ -15,6 +16,6 @@
     fill-rule="evenodd"
     clip-rule="evenodd"
     d="M7 18.079V21L0 14L1.46 12.54L7 18.081V18.079ZM9.921 21H7L14 28L15.46 26.54L9.921 21ZM26.535 15.462L27.996 14L13.996 0L12.538 1.466L18.077 7.004H14.73L10.864 3.146L9.404 4.606L11.809 7.01H10.129V17.876H20.994V16.196L23.399 18.6L24.859 17.14L20.994 13.274V9.927L26.535 15.462ZM7.73 6.276L6.265 7.738L7.833 9.304L9.294 7.844L7.73 6.276ZM20.162 18.708L18.702 20.17L20.268 21.738L21.73 20.276L20.162 18.708ZM4.596 9.41L3.134 10.872L7 14.738V11.815L4.596 9.41ZM16.192 21.006H13.268L17.134 24.872L18.596 23.41L16.192 21.006Z"
-    fill="#FF6363"
+    fill={iconProps.color || '#FF6363'}
   />
 </svg>