fix: fallback to defaultIcon when value is undefined (#7294)

Signed-off-by: Dakshesh Jain <dakshesh.jain14@gmail.com>

Author: dakshesh14

plugins/document-resources/src/components/DocumentIcon.svelte

@@ -20,18 +20,18 @@
 
   import { ComponentType } from 'svelte'
 
-  export let value: IconProps
+  export let value: IconProps | undefined
   export let size: IconSize
   export let iconWithEmoji: AnySvelteComponent | Asset | ComponentType | undefined = view.ids.IconWithEmoji
   export let defaultIcon: AnySvelteComponent | Asset | ComponentType = document.icon.Document
 </script>
 
 <Icon
   {size}
-  icon={value.icon === iconWithEmoji && iconWithEmoji ? IconWithEmoji : value.icon ?? defaultIcon}
-  iconProps={value.icon === iconWithEmoji && iconWithEmoji
-    ? { icon: value.color }
+  icon={value?.icon === iconWithEmoji && iconWithEmoji ? IconWithEmoji : value?.icon ?? defaultIcon}
+  iconProps={value?.icon === iconWithEmoji && iconWithEmoji
+    ? { icon: value?.color }
     : {
-        fill: value.color !== undefined ? getPlatformColorDef(value.color, $themeStore.dark).icon : 'currentColor'
+        fill: value?.color !== undefined ? getPlatformColorDef(value?.color, $themeStore.dark).icon : 'currentColor'
       }}
 />