initial commit

components/features/accounts/AccountDetails.tsx

@@ -14,32 +14,28 @@ interface AccountDetailsProps {
   isLoading: boolean;
 }
 
+const backgroundStyle = {
+  height: 6,
+  backgroundColor: "#C4BEBE",
+};
+
 export const AccountDetails = ({ user, isLoading }: AccountDetailsProps) => {
   const isMobile = useAppSelector(selectIsMobile);
 
   return (
     <>
       <PersonalActions user={user} isLoading={isLoading} />
-      <Divider
-        style={{ height: 6, backgroundColor: "#C4BEBE" }}
-        className={isMobile ? "my-1" : "my-4"}
-      />
+      <Divider style={backgroundStyle} className={isMobile ? "my-1" : "my-4"} />
 
       <PersonalInfo user={user} manager={user.manager} />
-      <Divider
-        style={{ height: 6, backgroundColor: "#C4BEBE" }}
-        className={isMobile ? "my-1" : "my-4"}
-      />
+      <Divider style={backgroundStyle} className={isMobile ? "my-1" : "my-4"} />
+
       <PersonalMetrics user={user} />
-      <Divider
-        style={{ height: 6, backgroundColor: "#C4BEBE" }}
-        className={isMobile ? "my-1" : "my-4"}
-      />
+      <Divider style={backgroundStyle} className={isMobile ? "my-1" : "my-4"} />
+
       <PersonalTodoList user={user} />
-      <Divider
-        style={{ height: 6, backgroundColor: "#C4BEBE" }}
-        className={isMobile ? "my-1" : "my-4"}
-      />
+      <Divider style={backgroundStyle} className={isMobile ? "my-1" : "my-4"} />
+
       <PersonalLoginList user={user} />
     </>
   );