Make ui more uniform

ui/src/components/layout.tsx

@@ -0,0 +1,27 @@
+import classNames from 'classnames';
+
+interface Props {
+  className?: string;
+  children?: React.ReactNode;
+}
+
+export const TopBar: React.FC<Props> = ({ children, className }) => {
+  return (
+    <div
+      className={classNames(
+        'absolute top-0 left-0 w-full h-12  dark:bg-gray-900 shadow-sm z-10 flex items-center px-2',
+        className,
+      )}
+    >
+      {children ? children : null}
+    </div>
+  );
+};
+
+export const MainContent: React.FC<Props> = ({ children, className }) => {
+  return (
+    <div className={classNames('pt-16 px-4 absolute top-0 left-0 w-full h-full overflow-auto', className)}>
+      {children ? children : null}
+    </div>
+  );
+};