fix(settings): more settings fixes pt. 2

src/pages/settings/panes/Panes.module.scss

@@ -131,12 +131,11 @@
         display: grid;
         place-items: center;
         grid-template-columns: minmax(auto, 100%);
-        padding: 20px;
-        margin-bottom: 30px;
 
         > div {
             width: 100%;
             max-width: 560px;
+            transform: scale(0.9);
         }
     }
 
@@ -369,6 +368,7 @@
         display: flex;
         margin: 10px 0;
         flex-direction: column;
+        overflow: hidden;
         border-radius: var(--border-radius);
         background: var(--secondary-header);
 
@@ -452,7 +452,7 @@
         .session {
             align-items: unset;
             flex-direction: column;
-            gap: 20px;
+            gap: 16px;
 
             > button {
                 width: 100%;

src/pages/settings/panes/Sessions.tsx

@@ -208,31 +208,7 @@ export function Sessions() {
                     </div>
                 );
             })}
-            {/*<Button
-                error
-                onClick={async () => {
-                    // ! FIXME: add to rAuth
-                    const del: string[] = [];
-                    render.forEach((session) => {
-                        if (deviceId !== session._id) {
-                            del.push(session._id);
-                        }
-                    });
-
-                    setDelete(del);
-
-                    for (const id of del) {
-                        await client.req(
-                            "DELETE",
-                            `/auth/session/${id}` as "/auth/session/id",
-                        );
-                    }
-
-                    setSessions(sessions.filter((x) => x._id === deviceId));
-                }}>
-                <Text id="app.settings.pages.sessions.logout" />
-            </Button>*/}
-
+            <hr />
             <CategoryButton
                 onClick={async () => {
                     // ! FIXME: add to rAuth