Add chat sidebar

src/lib/components/Avatar.svelte

@@ -2,7 +2,7 @@
   import cx from "classnames"
   import Icon from "@lib/components/Icon.svelte"
 
-  export let src
+  export let src = ""
   export let size = 7
   export let icon = "user-rounded"
 </script>
@@ -15,6 +15,6 @@
   <div
     class={cx($$props.class, "rounded-full !flex center")}
     style={`width: ${size * 4}px; height: ${size * 4}px; min-width: ${size * 4}px; ${$$props.style || ""}`}>
-    <Icon {icon} size={Math.round(size * 0.7)} />
+    <Icon {icon} size={Math.round(size * 0.8)} />
   </div>
 {/if}

src/lib/components/SecondaryNav.svelte

@@ -1,3 +1,3 @@
-<div class="flex w-60 flex-shrink-0 flex-col gap-1 bg-base-300">
+<div class="flex w-60 flex-shrink-0 flex-col gap-1 bg-base-300 max-h-screen">
   <slot />
 </div>