Add component for bssp

src/app/(main)/bssp/page.tsx

@@ -0,0 +1,33 @@
+import { Metadata } from "next";
+import { getServerI18n } from "@/i18n";
+import Add from "@mui/icons-material/Add";
+import Button from "@mui/material/Button";
+import Stack from "@mui/material/Stack";
+import Typography from "@mui/material/Typography";
+import Link from "next/link";
+import { Suspense } from "react";
+
+const Bssp: React.FC = async () => {
+    const { t } = await getServerI18n("bssp")
+
+    return (
+        <>
+          <Stack
+            direction="row"
+            justifyContent="space-between"
+            flexWrap="wrap"
+            rowGap={2}
+          >
+            <Typography variant="h4" marginInlineEnd={2}>
+              {t("Bssp")}
+            </Typography>
+
+          </Stack>
+          <Suspense>
+            {t("SSSSS")}
+          </Suspense>
+        </>
+      )
+};
+
+export default Bssp;

src/components/NavigationContent/NavigationContent.tsx

@@ -36,6 +36,7 @@ import ManageAccountsIcon from "@mui/icons-material/ManageAccounts";
 import EmojiEventsIcon from "@mui/icons-material/EmojiEvents";
 import FileUploadIcon from '@mui/icons-material/FileUpload';
 import EmailIcon from "@mui/icons-material/Email";
+import TerminalIcon from '@mui/icons-material/Terminal';
 
 import {
   IMPORT_INVOICE,
@@ -109,6 +110,12 @@ const NavigationContent: React.FC<Props> = ({ abilities, username }) => {
       path: "/home",
       showOnMobile: true,
     },
+    {
+      icon: <TerminalIcon />,
+      label: "BSSP",
+      path: "/bssp",
+      showOnMobile: true,
+    },
     {
       icon: <Dashboard />,
       label: t("Dashboard"),

src/i18n/en/bssp.json

@@ -0,0 +1,3 @@
+{
+    "SSSSS" : "AAAAAA"
+}

src/i18n/zh/bssp.json

@@ -0,0 +1,3 @@
+{
+    
+}