replace google material icons with phosphor icons

src/lib/util.ts

@@ -1,3 +1,22 @@
+import type { IconComponentProps } from 'phosphor-svelte';
+import type { Component } from 'svelte';
+
+/**
+ * IconDef is an object that represents an icon element from the phosphor library, alongside an optional set of typed properties.
+ */
+export type IconDef = {
+	component: Component;
+	props?: IconComponentProps;
+};
+
+/**
+ * Defines a set of default properties for icons used in the application.
+ */
+export const defaultIconProps: IconComponentProps = {
+	size: '1.2rem',
+	weight: 'bold'
+};
+
 /**
  * MaybeGetter is a type that can either be a value of type T or a function that returns a value of type T.
  * This is useful for cases where you might want to pass a value directly or a function that computes the