adds list default thumbnail

web/src/lib/components/list/list_card.svelte

@@ -38,24 +38,17 @@
     class="flex items-start gap-6 p-4 hover:bg-menu-item-background-hover rounded-xl transition-colors cursor-pointer"
     class:bg-menu-item-background-hover={active}
 >
-    {#if list.avatar}
-        <img
-            class="w-16 md:w-20 aspect-square rounded-full object-cover"
-            src={getFileURL(list, list.avatar)}
-            alt="avatar"
-        />
-    {:else}
-        <div
-            class="flex w-16 md:w-20 aspect-square shrink-0 items-center justify-center"
-        >
-            <i class="fa fa-table-list text-5xl"></i>
-        </div>
-    {/if}
+    <img
+        class="w-16 md:w-20 aspect-square rounded-full object-cover"
+        src={list.avatar
+            ? getFileURL(list, list.avatar)
+            : "/imgs/default_list_thumbnail.webp"}
+        alt="avatar"
+    />
+
     <div class="self-start min-w-0 basis-full transition-transform">
         <div class="flex items-center gap-3">
-            <h5
-                class="text-xl font-semibold overflow-hidden overflow-ellipsis"
-            >
+            <h5 class="text-xl font-semibold overflow-hidden overflow-ellipsis">
                 {list.name}
             </h5>
             {#if list.public}

web/src/lib/components/list/list_panel.svelte

@@ -111,17 +111,13 @@
             >
         </div>
     {/if}
-    {#if list.avatar}
-        <img
-            class="w-full object-cover"
-            src={getFileURL(list, list.avatar)}
-            alt="avatar"
-        />
-    {:else}
-        <div class="flex w-full shrink-0 items-center justify-center min-h-72">
-            <i class="fa fa-table-list text-5xl"></i>
-        </div>
-    {/if}
+    <img
+        class="w-full object-cover max-h-64"
+        src={list.avatar
+            ? getFileURL(list, list.avatar)
+            : "/imgs/default_list_thumbnail.webp"}
+        alt="avatar"
+    />
 </div>
 
 <div class="p-4 md:p-6">

web/src/lib/components/list/list_select_modal.svelte

@@ -6,7 +6,7 @@
     import { getFileURL } from "$lib/util/file_util";
     import { _ } from "svelte-i18n";
     import Modal from "../base/modal.svelte";
-    
+
     export let lists: List[];
 
     export let openModal: (() => void) | undefined = undefined;
@@ -41,19 +41,14 @@
                 on:click={() => handleSelect(list)}
                 role="presentation"
             >
-                {#if list.avatar}
-                    <img
-                        class="w-12 aspect-square rounded-full"
-                        src={getFileURL(list, list.avatar)}
-                        alt="avatar"
-                    />
-                {:else}
-                    <div
-                        class="flex w-12 aspect-square shrink-0 items-center justify-center"
-                    >
-                        <i class="fa fa-table-list text-5xl"></i>
-                    </div>
-                {/if}
+                <img
+                    class="w-12 aspect-square rounded-full"
+                    src={list.avatar
+                        ? getFileURL(list, list.avatar)
+                        : "/imgs/default_list_thumbnail.webp"}
+                    alt="avatar"
+                />
+
                 <h5 class="text-md font-semibold">{list.name}</h5>
 
                 <i

web/src/lib/components/profile/activity_card.svelte

@@ -14,7 +14,7 @@
     let fullDescription: boolean = false;
 </script>
 
-<div class="activity-card p-6 space-y-6 shadow-md rounded-xl">
+<div class="activity-card p-6 space-y-6 rounded-xl border border-input-border">
     <div class="flex gap-x-4 items-start">
         <img
             class="rounded-full w-10 aspect-square overflow-hidden"