path with proper links

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">