feat: some migration

packages/website/src/pages/tools/compare/_index.tsx

@@ -118,7 +118,7 @@ function Content() {
   }, [members]);
 
   return (
-    <PageWrapper color="crimson" size="100%">
+    <PageWrapper color="crimson" maxWidth="100%">
       <Flex justify="center" gap="4" align="center" direction="column">
         <DamageWarning />
         <Controls

packages/website/src/pages/tools/embed/[embed]/_index.tsx

@@ -78,7 +78,7 @@ function Content({ embed }: PageProps) {
   }, []);
 
   return (
-    <PageWrapper padding="0" size={1028 + 640} color="red">
+    <PageWrapper padding="0" maxWidth="104rem" color="red">
       <Flex>
         <ScrollArea
           scrollbars="vertical"

packages/website/src/pages/tools/tankopedia/_index.tsx

@@ -5,7 +5,7 @@ import { TankopediaPersistent } from '../../../stores/tankopediaPersistent';
 
 export function Page() {
   return (
-    <PageWrapper color="purple" size={1028}>
+    <PageWrapper color="purple" maxWidth="64rem">
       <TankopediaPersistent.Provider>
         <App.Provider>
           <TankSearch />