chore: UI adjustment, add translation, fix CI

src/components/base/base-page.tsx

@@ -23,13 +23,11 @@ export const BasePage: React.FC<Props> = (props) => {
           {header}
         </header>
 
-        <div className="base-container">
-          <section>
-            <div className="base-content" style={contentStyle} data-windrag>
-              {children}
-            </div>
-          </section>
-        </div>
+        <section>
+          <div className="base-content" style={contentStyle} data-windrag>
+            {children}
+          </div>
+        </section>
       </div>
     </BaseErrorBoundary>
   );

src/components/layout/layout-item.tsx

@@ -15,7 +15,7 @@ export const LayoutItem = (props: LinkProps) => {
         selected={!!match}
         sx={[
           {
-            borderRadius: 8,
+            borderRadius: 2,
             textAlign: "center",
             "& .MuiListItemText-primary": { color: "text.secondary" },
           },

src/components/setting/mods/sysproxy-viewer.tsx

@@ -142,19 +142,19 @@ export const SysproxyViewer = forwardRef<DialogRef>((props, ref) => {
         </Typography>
 
         <FlexBox>
-          <Typography className="label">Enable:</Typography>
+          <Typography className="label">{t("Enable status")}</Typography>
           <Typography className="value">
             {(!!sysproxy?.enable).toString()}
           </Typography>
         </FlexBox>
 
         <FlexBox>
-          <Typography className="label">Server:</Typography>
+          <Typography className="label">{t("Server Addr")}</Typography>
           <Typography className="value">{sysproxy?.server || "-"}</Typography>
         </FlexBox>
 
         <FlexBox>
-          <Typography className="label">Bypass:</Typography>
+          <Typography className="label">{t("Bypass")}</Typography>
           <Typography className="value">{sysproxy?.bypass || "-"}</Typography>
         </FlexBox>
       </Box>