feat(frontend): add documentation page (#603)

* feat(frontend): add documentation page

* fix(docs): improve text formatting and readability in documentation

Author: shyim

frontend/src/components/layout/Sidebar.vue

@@ -89,6 +89,7 @@ const navigation = [
   { route: "account.project.list", active: "shop" },
   { route: "account.extension.list" },
   { route: "account.organizations.list", active: "organizations" },
+  { route: "account.docs" },
 ];
 
 function isActive(item: { route: string; active?: string }, $route: RouteLocationNormalizedLoaded) {

frontend/src/router/index.ts

@@ -19,6 +19,7 @@ import FaCodeBranch from "~icons/fa6-solid/code-branch";
 import Dashboard from "~icons/ri/dashboard-fill";
 import FaFolder from "~icons/fa6-solid/folder";
 import FaBuilding from "~icons/fa6-solid/building";
+import FaBook from "~icons/fa6-solid/book";
 
 const session = authClient.useSession();
 
@@ -256,6 +257,15 @@ export const router = createRouter({
             icon: FaPlug,
           },
         },
+        {
+          name: "account.docs",
+          path: "docs",
+          component: () => import("@/views/Docs.vue"),
+          meta: {
+            title: "Documentation",
+            icon: FaBook,
+          },
+        },
         {
           name: "account.organization.accept",
           path: "organizations/accept/:token",