feat: tanks section

packages/website-ue/src/components/Section/index.module.css

@@ -1,7 +1,7 @@
 .section {
   display: flex;
   justify-content: center;
-  padding: var(--space-4);
+  padding: var(--space-5);
 
   .content {
     flex: 1;

packages/website-ue/src/components/Section/index.tsx

@@ -1,6 +1,6 @@
 import type { ComponentProps } from "react";
 import { classNames } from "../../core/ui/classNames";
-import "./index.css";
+import styles from "./index.module.css";
 
 export interface SectionProps extends ComponentProps<"div"> {
   first?: boolean;
@@ -10,10 +10,10 @@ export function Section({ className, children, ...props }: SectionProps) {
   return (
     <div
       data-first={props.first}
-      className={classNames("section", className)}
+      className={classNames(styles.section, className)}
       {...props}
     >
-      <div className="content">{children}</div>
+      <div className={styles.content}>{children}</div>
     </div>
   );
 }