no message

src/components/NavigationContent/NavigationContent.tsx

@@ -1,5 +1,7 @@
 import { useSession } from "next-auth/react";
 import Box from "@mui/material/Box";
+import Stack from "@mui/material/Stack";
+import Typography from "@mui/material/Typography";
 import React from "react";
 import List from "@mui/material/List";
 import ListItemButton from "@mui/material/ListItemButton";
@@ -440,7 +442,14 @@ const NavigationContent: React.FC = () => {
           minHeight: 56,
         }}
       >
-        <Logo height={42} />
+        <Stack direction="column" alignItems="flex-start" spacing={0.5}>
+          <Logo height={42} />
+          {process.env.NODE_ENV === "production" && (
+            <Typography variant="caption" sx={{ fontWeight: 600, color: "text.secondary" }}>
+              正式服務器 Production Server
+            </Typography>
+          )}
+        </Stack>
       </Box>
       <Box sx={{ borderTop: 1, borderColor: "divider" }} />
       <List component="nav" sx={{ flex: 1, overflow: "auto", py: 1, px: 0 }}>