feat: manual (#191)

* feat: add markdown render deps

* feat: add manual route

* feat: example toc

* feat: add highlight js dependency

* feat: add view page

* feat: add translations for property and manual in English and Thai

* feat: enhance drawer menu with internationalization support and manual section

* feat: add conditional internationalization for sub-menu labels

* feat: add video support

* refactor: add stores and type

* fix: wrong path

* feat: improve layout structure and enhance scroll functionality in ViewPage

* fix: scroll not working

* chore: change variable name

* feat: show sub tile of manual

* feat: add translation for 'Table of Contents' in English and Thai

* feat: enhance layout and add conditional rendering for Table of Contents in ViewPage

* chore: clean

* refactor: use expansion

* refactor: show icon

* refactor: spacing

---------

Co-authored-by: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Co-authored-by: Thanaphon Frappet <thanaphon@frappet.com>

src/router/routes.ts

@@ -145,6 +145,16 @@ const routes: RouteRecordRaw[] = [
         name: 'Notification',
         component: () => import('pages/00_notification/MainPage.vue'),
       },
+      {
+        path: '/manual',
+        name: 'Manual',
+        component: () => import('pages/00_manual/MainPage.vue'),
+      },
+      {
+        path: '/manual/:category/:page',
+        name: 'ManualView',
+        component: () => import('pages/00_manual/ViewPage.vue'),
+      },
     ],
   },
 
@@ -223,7 +233,6 @@ const routes: RouteRecordRaw[] = [
     name: 'DebitNoteDocumentView',
     component: () => import('pages/12_debit-note/document-view/MainPage.vue'),
   },
-
   // Always leave this as last one,
   // but you can also remove it
   {