fix: code styles

src/components/CardContainer.tsx

@@ -1,19 +1,21 @@
 import React from 'react';
 import { Box, Typography } from '@mui/material';
 
+interface CardContainerProps {
+  title: string;
+  subtitle: string;
+  action?: React.ReactNode;
+  children?: React.ReactNode;
+  highlighted?: boolean;
+}
+
 export function CardContainer({
   title,
   subtitle,
   action,
   children,
   highlighted,
-}: {
-  title: string;
-  subtitle: string;
-  action?: React.ReactNode;
-  children?: React.ReactNode;
-  highlighted?: boolean;
-}) {
+}: CardContainerProps) {
   return (
     <Box sx={{ width: '100%', bgcolor: 'background.paper' }}>
       <Box
@@ -21,7 +23,7 @@ export function CardContainer({
           marginInline: 'auto',
           width: '100%',
           maxWidth: 'min(100%, 818px)',
-          paddingInline: { xs: 2, sm: 3, md: 4 },
+          // paddingInline: { xs: 2, sm: 3, md: 4 },
           display: 'flex',
           flexDirection: 'column',
           gap: 2,