feat(header): add logo

components/layout/AppLayout.module.css

@@ -10,7 +10,7 @@
 
 .brand {
   display: flex;
-  width: 196px;
+  width: 190px;
   align-items: center;
   gap: 8px;
   color: #1d2129;

components/layout/AppLayout.tsx

@@ -278,10 +278,37 @@ export default function AppLayout({
               size="sm"
             />
             <Flex className={classes.headerNav}>
-              <Box className={classes.brand} visibleFrom="sm">
-                <span className={classes.brandMark}>C</span>
-                标注平台
-              </Box>
+              <Flex
+                align="center"
+                gap={10}
+                className={classes.brand}
+                visibleFrom="sm">
+                <Box
+                  component="img"
+                  src={`${process.env.NEXT_PUBLIC_BASE_PATH}/header.svg`}
+                  alt="酷哇标注平台"
+                  w={32}
+                  h={32}
+                  style={{
+                    flexShrink: 0,
+                    display: "block",
+                  }}
+                />
+                <Box
+                  component="span"
+                  style={{
+                    color: "#0B1E43",
+                    fontSize: "20px",
+                    lineHeight: "28px",
+                    letterSpacing: 0,
+                    fontWeight: 600,
+                    fontStyle: "normal",
+                    whiteSpace: "nowrap",
+                    fontFamily: '"PingFang SC", "Microsoft YaHei", sans-serif',
+                  }}>
+                  酷哇标注平台
+                </Box>
+              </Flex>
               <Space w={"1rem"} hiddenFrom="sm" />
               {headItems}
             </Flex>