path with proper links

src/html/components/_head.astro

@@ -1,6 +1,5 @@
 ---
 const { title, path, isRtl } = Astro.props
-const distPath = (path != undefined) ? path : '../../../dist'
 const cssPath = isRtl ? '.rtl' : ''
 ---
 
@@ -29,4 +28,4 @@ const cssPath = isRtl ? '.rtl' : ''
 <!-- REQUIRED LINKS -->
 
 <!-- Theme style -->
-<link rel="stylesheet" href={distPath + '/css/adminlte' + cssPath + '.css'} >
+<link rel="stylesheet" href={path + '/css/adminlte' + cssPath + '.css'} >

src/html/components/_scripts.astro

@@ -1,7 +1,6 @@
 ---
 const { path } = Astro.props
-const distPath = (path != undefined) ? path : '../../../dist'
-const adminlteJsUrl = distPath + '/js/adminlte.js'
+const adminlteJsUrl = path + '/js/adminlte.js'
 ---
 <!-- OPTIONAL SCRIPTS -->
 <!-- overlayscrollbars -->

src/html/components/dashboard/_sidenav.astro

@@ -1,13 +1,14 @@
 ---
+import { convertPathToHtml } from '../../../utils/index.js';
 const { path, mainPage, page } = Astro.props
-const distPath = (path != undefined) ? path : '../../../dist'
-const htmlPath = (path != undefined) ? '.' : '..'
+const htmlPath = convertPathToHtml(path)
 ---
+
 <!-- Sidebar Container -->
 <aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
   <div class="sidebar-brand">
     <a href={htmlPath + '/index.html'} class="brand-link">
-      <img src={distPath + '/assets/img/AdminLTELogo.png'} alt="AdminLTE Logo" class="brand-image opacity-75 shadow">
+      <img src={path + '/assets/img/AdminLTELogo.png'} alt="AdminLTE Logo" class="brand-image opacity-75 shadow">
       <span class="brand-text fw-light">AdminLTE 4</span>
     </a>
   </div>

src/html/components/dashboard/_topbar.astro

@@ -1,6 +1,6 @@
 ---
 const { path } = Astro.props
-const distPath = (path != undefined) ? path : '../../../dist'
+const distPath = path
 ---
 <!-- Navbar -->
 <nav class="app-header navbar navbar-expand bg-body">