fix styling

Signed-off-by: Hadi <112569860+anotherhadi@users.noreply.github.com>

front/src/lib/components/favicon-or-icon.svelte

@@ -1,6 +1,8 @@
 <script lang="ts">
   import { Database, Key, Mail } from "@lucide/svelte";
   import { cn } from "../utils";
+    import { onMount } from "svelte";
+    import axios from "axios";
 
   let { url, icon="", class: className = "" } = $props();
 
@@ -9,14 +11,14 @@
 
 <div
   class={cn(
-    "w-10 h-10 rounded-box bg-neutral text-neutral-content items-center justify-center flex",
+    "w-10 h-10 rounded-2xl bg-neutral text-neutral-content items-center justify-center flex",
     className,
   )}
 >
   {#if url && !hasError}
     <img
       src={"https://icons.duckduckgo.com/ip3/" + url + ".ico"}
-      class="rounded-box w-full h-full"
+      class="bg-neutral rounded-2xl w-2/3 h-2/3"
       alt="Favicon de {url}"
       onerror={() => { hasError = true }}
     />

front/src/routes/search/[id]/index.svelte

@@ -174,7 +174,7 @@
                 <span>No result</span>
               </div>
             {:else}
-              <p class="text-base-content/60">
+              <p class="text-base-content/60 mb-2">
                 {result.LeakResult.Rows.length} results in {convertNanoSeconds(
                   result.LeakResult.Duration,
                 )}