fix: update styling and layout for ServerDetail components

bun.lock

@@ -1,6 +1,5 @@
 {
   "lockfileVersion": 1,
-  "configVersion": 0,
   "workspaces": {
     "": {
       "name": "nazha-dashboard-vite",

src/components/ServerDetailSummary.tsx

@@ -36,7 +36,7 @@ export default function ServerDetailSummary({
 	);
 
 	return (
-		<div className="mb-2 flex flex-wrap items-center gap-4">
+		<div className="mb-2 flex flex-wrap items-center gap-4 server-detail-summary">
 			<section className="flex w-24 flex-col justify-center gap-1 px-1.5 py-1">
 				<section className="flex items-center justify-between">
 					<span className="text-[10px] text-muted-foreground">CPU</span>

src/pages/ServerDetail.tsx

@@ -29,7 +29,7 @@ export default function ServerDetail() {
 			<ServerDetailOverview server_id={server_id} />
 			<section className="flex items-center my-2 w-full">
 				<Separator className="flex-1" />
-				<div className="flex justify-center w-full max-w-[200px]">
+				<div className="flex justify-center w-full max-w-50">
 					<TabSwitch
 						tabs={tabs}
 						currentTab={currentTab}