Updated profile page.

src/app/(main)/profile/ProfileSettings.tsx

@@ -19,7 +19,7 @@ export function ProfileSettings() {
 
   const { username, role } = user;
 
-  const renderRole = value => {
+  const renderRole = (value: string) => {
     if (value === ROLES.user) {
       return formatMessage(labels.user);
     }

src/app/(main)/profile/page.module.css

@@ -0,0 +1,9 @@
+.container {
+  margin: 0 auto;
+}
+
+@media screen and (max-width: 768px) {
+  .container {
+    margin: 0;
+  }
+}

src/app/(main)/profile/page.tsx

@@ -1,13 +1,14 @@
 import ProfileHeader from './ProfileHeader';
 import ProfileSettings from './ProfileSettings';
 import { Metadata } from 'next';
+import styles from './page.module.css';
 
 export default function () {
   return (
-    <>
+    <div className={styles.container}>
       <ProfileHeader />
       <ProfileSettings />
-    </>
+    </div>
   );
 }