feat: improve admin panel design (#14464)

packages/frontend/admin/src/modules/about/about.tsx

@@ -74,7 +74,7 @@ export function AboutAFFiNE() {
           ))}
         </div>
       </div>
-      <div className="space-y-3 text-sm font-normal text-gray-500">
+      <div className="space-y-3 text-sm font-normal text-muted-foreground">
         <div>{`App Version: ${appName} ${BUILD_CONFIG.appVersion}`}</div>
         <div>{`Editor Version: ${BUILD_CONFIG.editorVersion}`}</div>
       </div>

packages/frontend/admin/src/modules/about/index.tsx

@@ -5,7 +5,7 @@ import { AboutAFFiNE } from './about';
 
 export function ConfigPage() {
   return (
-    <div className=" h-screen flex-1 space-y-1 flex-col flex">
+    <div className="h-dvh flex-1 space-y-1 flex-col flex">
       <Header title="Server" />
       <ScrollArea>
         <AboutAFFiNE />