Use tabs to organize UI

remote_frontend/src/widgets/SectionContainer.tsx

@@ -1,17 +1,10 @@
-import { makeStyles, typographyStyles } from "@fluentui/react-components";
 import React from "react";
 
-const useStyles = makeStyles({
-  title: typographyStyles.title3,
-});
-
 export function SectionContainer(
-  p: React.PropsWithChildren<{ title: string }>
+  p: React.PropsWithChildren
 ): React.ReactElement {
-  const styles = useStyles();
   return (
-    <div style={{ margin: "100px 0px" }}>
-      <span className={styles.title}>{p.title}</span>
+    <div style={{ margin: "50px 15px" }}>
       <div style={{ height: "20px" }}></div>
       {p.children}
     </div>