feat: centralize baseURL and app experience for cloud and self hosted

apps/dashboard/src/lib/features/ui/sidebar/footer/menu.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { globalStore } from '$lib/utils/store/app';
+  import { basePath, globalStore } from '$lib/utils/store/app';
   import * as DropdownMenu from '@cio/ui/base/dropdown-menu';
   import RocketIcon from '@lucide/svelte/icons/rocket';
   import BellPlusIcon from '@lucide/svelte/icons/bell-plus';
@@ -11,8 +11,6 @@
   import ChevronsUpDownIcon from '@lucide/svelte/icons/chevrons-up-down';
   import ThemeToggle from './theme-toggle.svelte';
 
-  import { currentOrgPath } from '$lib/utils/store/org';
-
   import { t } from '$lib/utils/functions/translations';
   import { logout } from '$lib/utils/functions/logout';
   import { profile } from '$lib/utils/store/user';
@@ -38,10 +36,7 @@
 
 {#snippet usertrigger()}
   <DropdownMenu.Label class="p-0">
-    <a
-      href={`${!$globalStore.isOrgSite ? $currentOrgPath : '/lms'}/settings`}
-      class="flex items-center gap-2 px-1 py-1.5 text-left text-sm"
-    >
+    <a href={`${$basePath}/settings`} class="flex items-center gap-2 px-1 py-1.5 text-left text-sm">
       {@render avatarblock()}
     </a>
   </DropdownMenu.Label>

apps/dashboard/src/lib/features/ui/sidebar/org-sidebar/org-logo.svelte

@@ -2,11 +2,9 @@
   import * as Avatar from '@cio/ui/base/avatar';
   import * as Sidebar from '@cio/ui/base/sidebar';
   import { Skeleton } from '@cio/ui/base/skeleton';
-  import { currentOrg, currentOrgPath } from '$lib/utils/store/org';
+  import { currentOrg } from '$lib/utils/store/org';
   import { shortenName } from '$lib/utils/functions/string';
-  import { globalStore } from '$lib/utils/store/app';
-
-  const orgPath = $derived($globalStore.isOrgSite ? '/lms' : $currentOrgPath);
+  import { basePath } from '$lib/utils/store/app';
 </script>
 
 <Sidebar.Menu>
@@ -16,7 +14,7 @@
       class="ui:data-[state=open]:bg-sidebar-accent ui:data-[state=open]:text-sidebar-accent-foreground"
     >
       {#snippet child({ props })}
-        <a href={orgPath} {...props}>
+        <a href={$basePath} {...props}>
           {#if $currentOrg.name}
             <Avatar.Root class="flex size-6! items-center justify-center rounded-md!">
               <Avatar.Image src={$currentOrg.avatarUrl} alt={$currentOrg.name} />