chore: change styles and add Api for user profile

src/features/profile/components/security/RecentLogins.tsx

@@ -5,7 +5,7 @@ import { PageWrapper } from '../PageWrapper';
 import React from 'react';
 
 export function RecentLogins() {
-  const { t } = useTranslation('security');
+  const { t } = useTranslation('setting');
   const data = [
     {
       id: 0,
@@ -31,7 +31,6 @@ export function RecentLogins() {
       >
         <Box
           sx={{
-            // px: { xs: 2, sm: 3, md: 4 },
             py: 2,
             display: 'flex',
             flexDirection: 'column',
@@ -102,7 +101,7 @@ export function RecentLogins() {
                       <Button
                         variant="outlined"
                         sx={{
-                          borderRadius: '15px',
+                          borderRadius: 2,
                           border: '2px solid',
                           borderColor: 'success.main',
                           height: '30px',