diff --git a/src/lib/components/ErrorStack.svelte b/src/lib/components/ErrorStack.svelte
index 89f65fc..bfc42d8 100644
--- a/src/lib/components/ErrorStack.svelte
+++ b/src/lib/components/ErrorStack.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
-  import { fade, fly, slide } from 'svelte/transition';
-  import type IOrderValidationError from '$lib/interfaces/IOrderValidationError';
+  import { fly, slide } from 'svelte/transition';
 
   export let errors: string[] = [];
   let currentCard = 0;
diff --git a/src/lib/components/FrontProductGallery.svelte b/src/lib/components/FrontProductGallery.svelte
index 3752351..5e596a6 100644
--- a/src/lib/components/FrontProductGallery.svelte
+++ b/src/lib/components/FrontProductGallery.svelte
@@ -1,13 +1,13 @@
 <script lang="ts">
   import ProductTile from './ProductTile.svelte';
-  import Button from './Button.svelte';
+  // import Button from './Button.svelte';
   import type { IProduct } from '$lib/interfaces/IProduct';
   import LinkArrow from './LinkArrow.svelte';
 
   export let products: IProduct[];
   export let title: string;
-  export let textColor: string = 'black';
-  export let backgroundColor: string = 'white';
+  export let textColor = 'black';
+  export let backgroundColor = 'white';
 
   let galleryStyles = `background-color: ${backgroundColor}; color: ${textColor}`;
 </script>
diff --git a/src/lib/components/ImageCarousel.svelte b/src/lib/components/ImageCarousel.svelte
index 6795b4c..dc247d5 100644
--- a/src/lib/components/ImageCarousel.svelte
+++ b/src/lib/components/ImageCarousel.svelte
@@ -80,7 +80,7 @@ color: ${product?.primary_color === '#231B1D' ? '#f3efeb' : '#37301e'}`;
           if (entries[0]?.isIntersecting) {
             const target = entries[0]?.target as HTMLElement;
             const targetIndex = Number(target?.dataset?.index);
-            if (targetIndex === NaN) return;
+            if (isNaN(targetIndex)) return;
 
             selected = targetIndex;
             updateHeight();
diff --git a/src/lib/components/ImageUpload.svelte b/src/lib/components/ImageUpload.svelte
index a315a70..18571ec 100644
--- a/src/lib/components/ImageUpload.svelte
+++ b/src/lib/components/ImageUpload.svelte
@@ -5,7 +5,7 @@
 
   const dispatch = createEventDispatcher();
 
-  let dragOver: boolean = false;
+  let dragOver = false;
   let fileInput: HTMLInputElement;
 
   /* eslint-disable @typescript-eslint/no-explicit-any */
@@ -23,7 +23,7 @@
       await uploadImage(file);
     }
 
-    setTimeout(() => (fileInput.value = ''), 3000);
+    setTimeout(() => resetUploadInput, 3000);
   }
 
   function resetUploadInput() {
@@ -80,20 +80,21 @@
     // uploadImage(file)
   }
 
-  function onFileDrop(event: Event) {
-    const { files } = event?.dataTransfer;
+  function onFileDrop(event: DragEvent) {
+    const files: FileList | undefined = event?.dataTransfer?.files;
     if (files) {
       fileInput.files = files;
     }
   }
 
-  $: hasFiles = fileInput?.files?.length > 0 || false;
+  $: hasFiles = (fileInput?.files && fileInput?.files?.length > 0) || false;
 </script>
 
 <div
   id="drop_zone"
   class="{dragOver ? 'highlighted' : ''}"
   on:click="{() => fileInput.click()}"
+  on:keypress="{(e) => e.code === 'Enter' && fileInput.click()}"
   on:drop|preventDefault="{onFileDrop}"
   on:dragover|preventDefault="{() => (dragOver = true)}"
   on:dragenter|preventDefault="{() => (dragOver = true)}"
@@ -118,8 +119,11 @@
   <span>Files found to upload:</span>
 
   <div class="thumbnails">
-    {#each fileInput.files || [] as file}
-      <img src="{window.URL.createObjectURL(file)}" />
+    {#each fileInput.files || [] as file, index}
+      <img
+        src="{window.URL.createObjectURL(file)}"
+        alt="{`Upload asset thumbnail number ${index + 1}`}"
+      />
     {/each}
   </div>
 
diff --git a/src/lib/icons/IconArrow.svelte b/src/lib/icons/IconArrow.svelte
index 16122c1..bf6b112 100644
--- a/src/lib/icons/IconArrow.svelte
+++ b/src/lib/icons/IconArrow.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { goto } from '$app/navigation';
 
-  export let pointLeft: boolean = false;
+  export let pointLeft = false;
   let defaultRoute = '/shop';
 
   function navigateBack() {
diff --git a/src/lib/stripe/index.ts b/src/lib/stripe/index.ts
index 77d4942..27ccbc7 100644
--- a/src/lib/stripe/index.ts
+++ b/src/lib/stripe/index.ts
@@ -3,8 +3,8 @@ import { loadStripe } from '@stripe/stripe-js/pure';
 import type {
   ConfirmCardPaymentData,
   PaymentIntentResult,
-  Stripe,
-  StripeError
+  Stripe
+  // StripeError
 } from '@stripe/stripe-js';
 
 let stripeInstance: Stripe;
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index f6233b4..4b2f9c1 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -5,7 +5,7 @@
   import FrontTextImageBubble from '$lib/components/FrontTextImageBubble.svelte';
   // import FrontProductGallery from '$lib/components/FrontProductGallery.svelte';
   import type IFrontTextImage from '$lib/interfaces/IFrontTextImage';
-  import type { IProduct } from '$lib/interfaces/IProduct';
+  // import type { IProduct } from '$lib/interfaces/IProduct';
   import type IFrontText from '$lib/interfaces/IFrontText';
 
   const textImages: Array<IFrontTextImage> = [
diff --git a/src/routes/checkout/+page.svelte b/src/routes/checkout/+page.svelte
index 918d689..7ec1a51 100644
--- a/src/routes/checkout/+page.svelte
+++ b/src/routes/checkout/+page.svelte
@@ -14,7 +14,6 @@
   import { buildApiUrl } from '$lib/utils/apiUrl';
   import type { StripeCardElement } from '@stripe/stripe-js/types';
   import type ICustomer from '$lib/interfaces/ICustomer';
-  import type IOrderValidationError from '$lib/interfaces/IOrderValidationError';
   import type {
     IOrderCreateDTO,
     IOrderCreateResponse,
@@ -44,7 +43,7 @@
 
   function handleSubmitOrderError(error: IOrderCreateUnsuccessfullResponse) {
     console.log('got error from order api!', error, error?.validationErrors);
-    const { success, validationErrors } = error;
+    const { validationErrors } = error;
 
     if (!validationErrors || validationErrors?.length == 0) {
       errors.push('Ukjent feil ved plassering av ordre.');
diff --git a/src/routes/orders/[id]/+page.svelte b/src/routes/orders/[id]/+page.svelte
index 71f0f25..c35bf08 100644
--- a/src/routes/orders/[id]/+page.svelte
+++ b/src/routes/orders/[id]/+page.svelte
@@ -4,7 +4,6 @@
   import PaymentDetails from './PaymentDetails.svelte';
   import CustomerDetails from './CustomerDetails.svelte';
   import TrackingDetails from './TrackingDetails.svelte';
-  import ShipmentProgress from '$lib/components/ShipmentProgress.svelte';
   import type { IOrder } from '$lib/interfaces/IOrder';
   import type { PageServerData } from './$types';
 
diff --git a/src/routes/orders/[id]/TrackingDetails.svelte b/src/routes/orders/[id]/TrackingDetails.svelte
index 2f9d06b..246a4d0 100644
--- a/src/routes/orders/[id]/TrackingDetails.svelte
+++ b/src/routes/orders/[id]/TrackingDetails.svelte
@@ -49,10 +49,9 @@
     else updateShipment();
   }
 
-  let edit: boolean = false;
+  let edit = false;
   let trackingCode: string = shipping?.tracking_code;
   let trackingLink: string = shipping?.tracking_link;
-  let courier: string = shipping?.courier;
   let selectedCourier: any = shipping?.courier_id;
   let couriers: ICourier[];
 </script>
@@ -63,7 +62,7 @@
   {#if shipping}
     <ul class="property-list">
       <li>
-        <span class="label" for="courier">Tracking company</span>
+        <label class="label" for="courier">Tracking company</label>
         {#if !edit}
           <span>{shipping.courier}</span>
         {:else if couriers?.length > 0}