Readjust a few spacings

Author: sandhose

frontend/src/components/GenericError.tsx

@@ -19,7 +19,7 @@ const GenericError: React.FC<{ error: unknown; dontSuspend?: boolean }> = ({
   return (
     <Translation useSuspense={!dontSuspend}>
       {(t) => (
-        <div className="flex flex-col gap-10">
+        <div className="flex flex-col gap-6">
           <PageHeading
             invalid
             Icon={IconError}

frontend/src/routes/_account.sessions.browsers.lazy.tsx

@@ -41,7 +41,7 @@ function BrowserSessions(): React.ReactElement {
   // We reverse the list as we are paginating backwards
   const edges = [...viewerSession.user.browserSessions.edges].reverse();
   return (
-    <div className="flex flex-col gap-10">
+    <div className="flex flex-col gap-6">
       <H5>{t("frontend.browser_sessions_overview.heading")}</H5>
 
       <div className="flex gap-2 items-start">

frontend/src/routes/_account.sessions.index.lazy.tsx

@@ -52,7 +52,7 @@ function Sessions(): React.ReactElement {
   const edges = [...appSessions.edges].reverse();
 
   return (
-    <div className="flex flex-col gap-10">
+    <div className="flex flex-col gap-6">
       <H3>{t("frontend.user_sessions_overview.heading")}</H3>
       <BrowserSessionsOverview user={viewer} />
       <Separator />

frontend/src/routes/reset-cross-signing.tsx

@@ -24,9 +24,7 @@ export const Route = createFileRoute("/reset-cross-signing")({
   validateSearch: searchSchema,
   component: () => (
     <Layout>
-      <div className="flex flex-col gap-10">
-        <Outlet />
-      </div>
+      <Outlet />
     </Layout>
   ),
   errorComponent: ResetCrossSigningError,