Removing use of base alias from lib folder + adding back Checkbox component

Author: ajhillman-ddj

src/lib/components/layout/service-navigation-nested-mobile/HeaderNav.svelte

@@ -1,6 +1,4 @@
 <script lang="ts">
-  import { base } from "$app/paths";
-
   import { onMount } from "svelte";
 
   // Define navigation item type

src/lib/components/ui/CookieBanner.svelte

@@ -1,5 +1,4 @@
 <script lang="ts">
-  import { base } from "$app/paths";
   import { onMount } from "svelte";
   import { browser } from "$app/environment";
   import { page } from "$app/state";
@@ -260,11 +259,7 @@
 />
 
 {#snippet settingsLink()}
-  <a
-    href={base + cookiesUrl}
-    class="govuk-link"
-    onclick={handleCookiesNavigation}
-  >
+  <a href={cookiesUrl} class="govuk-link" onclick={handleCookiesNavigation}>
     {changeSettingsText}
   </a>
 {/snippet}
@@ -338,7 +333,7 @@
             {rejectButtonText}
           </button>
           <a
-            href={base + cookiesUrl}
+            href={cookiesUrl}
             class="govuk-link"
             onclick={handleCookiesNavigation}
           >

src/lib/package-wrapping/BaseNameAndStatus.svelte

@@ -1,5 +1,4 @@
 <script lang="ts">
-  import { base } from "$app/paths";
   import Pill from "$lib/package-wrapping/Pill.svelte";
   import {
     pascalToKebabCase,
@@ -21,7 +20,7 @@
     <!-- Homepage: component name as clickable link -->
     <a
       class="link-to-other-page"
-      href={`${base}/${parentFolder}${(folder ? "/" + folder : "") + (subFolder ? "/" + subFolder : "")}/${pascalToKebabCase(name)}`}
+      href={`/${parentFolder}${(folder ? "/" + folder : "") + (subFolder ? "/" + subFolder : "")}/${pascalToKebabCase(name)}`}
     >
       <h6>{@html forceWrapAtThirdCapital(name)}</h6>
     </a>

src/lib/utils/layoutNavHelpers.ts

@@ -1,8 +1,7 @@
-import { base } from "$app/paths";
 import type {
   SideNavItem,
   SideNavGroup,
-} from "$lib/components/layout/service-navigation-nested-mobile/SideNav.svelte";
+} from "../components/layout/service-navigation-nested-mobile/SideNav.svelte";
 import type { ComponentItem } from "../../routes/+layout.server"; // Adjust path as needed if +layout.server.ts is the source
 import { forceWrapAtThirdCapital } from "./text-string-conversion/textStringConversion.js";
 
@@ -30,7 +29,7 @@ export function extractLinkableComponentNavItems(
       // If it's a wrapper, add it directly
       navItems.push({
         text: forceWrapAtThirdCapital(item.name),
-        href: `${base}/${item.path}`,
+        href: `/${item.path}`,
         // subItems: undefined, // Explicitly no sub-items for direct wrappers here
       });
     }
@@ -67,7 +66,7 @@ export function createMobileItems(tree: ComponentItem[]) {
     if (category.hasWrapper) {
       result.push({
         text: forceWrapAtThirdCapital(category.name),
-        href: `${base}/${category.path}`,
+        href: `/${category.path}`,
       });
     }
     // If the category has children, process them