Use tabs to organize UI

remote_frontend/src/widgets/SystemInfoWidget.tsx

@@ -15,7 +15,7 @@ export function SystemInfoWidget(): React.ReactElement {
   };
 
   return (
-    <SectionContainer title="System info">
+    <SectionContainer>
       <AsyncWidget
         loadKey={1}
         load={load}
@@ -84,7 +84,7 @@ function SystemInfoWidgetInner(): React.ReactElement {
               status!.system.available_memory + status!.system.used_memory
             )}`}
             validationState="none"
-            style={{ flex: 1 }}
+            style={{ flex: 2 }}
           >
             <ProgressBar
               value={
@@ -93,6 +93,7 @@ function SystemInfoWidgetInner(): React.ReactElement {
               }
             />
           </Field>
+          <div style={{ width: "20px" }}></div>
           <div style={{ flex: 1 }}>
             <p>
               Load average: {status!.system.load_average.one}{" "}