web: move svg icons from lib to components

web/src/components/donate/DonateBanner.svelte

@@ -3,7 +3,7 @@
 
     import { t } from "$lib/i18n/translations";
 
-    import Imput from "$lib/icons/Imput.svelte";
+    import Imput from "$components/icons/Imput.svelte";
     import Meowbalt from "$components/misc/Meowbalt.svelte";
 
     import IconHeart from "@tabler/icons-svelte/IconHeart.svelte";

web/src/components/donate/DonateShareCard.svelte

@@ -13,7 +13,7 @@
     import IconBrandTwitter from "@tabler/icons-svelte/IconBrandTwitter.svelte";
     import IconMoodSmileBeam from "@tabler/icons-svelte/IconMoodSmileBeam.svelte";
 
-    import CobaltQr from "$lib/icons/CobaltQR.svelte";
+    import CobaltQr from "$components/icons/CobaltQR.svelte";
     import CopyIcon from "$components/misc/CopyIcon.svelte";
 
     const cobaltUrl = "https://cobalt.tools/";

web/src/components/misc/NotchSticker.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
     import { onMount } from "svelte";
 
-    import CobaltSticker from "$lib/icons/CobaltSticker.svelte";
+    import CobaltSticker from "$components/icons/CobaltSticker.svelte";
 
     // please add a source link (https://github.com/imputnet/cobalt) if you use this implementation
     // i spent 4 hours switching between simulators and devices to get the best way to do this

web/src/components/save/Omnibox.svelte

@@ -22,10 +22,10 @@
     import ActionButton from "$components/buttons/ActionButton.svelte";
     import SettingsButton from "$components/buttons/SettingsButton.svelte";
 
-    import IconMute from "$lib/icons/Mute.svelte";
+    import IconMute from "$components/icons/Mute.svelte";
-    import IconMusic from "$lib/icons/Music.svelte";
+    import IconMusic from "$components/icons/Music.svelte";
-    import IconSparkles from "$lib/icons/Sparkles.svelte";
+    import IconSparkles from "$components/icons/Sparkles.svelte";
-    import IconClipboard from "$lib/icons/Clipboard.svelte";
+    import IconClipboard from "$components/icons/Clipboard.svelte";
 
     let linkInput: Optional<HTMLInputElement>;
     let isFocused = false;

web/src/components/sidebar/CobaltLogo.svelte

@@ -1,5 +1,5 @@
 <script>
-    import IconCobalt from '$lib/icons/Cobalt.svelte';
+    import IconCobalt from "$components/icons/Cobalt.svelte";
 </script>
 
 <div id="cobalt-logo">
@@ -14,9 +14,7 @@
         padding: calc(var(--padding) * 2);
 
         /* accommodate space for scaling animation */
-        padding-bottom: calc(
+        padding-bottom: calc(var(--padding) * 2 - var(--sidebar-inner-padding));
-            var(--padding) * 2 - var(--sidebar-inner-padding)
-        );
     }
 
     @media screen and (max-width: 535px) {