fix: styles and add a country textfield in personal field

src/components/CardContainer.tsx

@@ -15,12 +15,14 @@ export function CardContainer({
   return (
     <Box
       sx={{
-        width: '754px',
+        maxWidth: '786px',
+        width: '100%',
         backgroundColor: 'white',
-        // boxShadow: 2,
         display: 'flex',
         flexDirection: 'column',
         gap: 2,
+        px: 2,
+        py: 2,
       }}
     >
       <Box

src/components/CountryFlag.tsx

@@ -1,6 +1,6 @@
 import { Box, Typography } from '@mui/material';
 
-const countryCodeMap: { [key: string]: string } = {
+export const countryCodeMap: { [key: string]: string } = {
   ایران: 'ir',
   قطر: 'qa',
   آلمان: 'de',