added mui, fixed mini bugs

.gitignore

@@ -32,6 +32,7 @@ yarn-error.log*
 .env.development.local
 .env.test.local
 .env.production.local
+*.local
 
 # vercel
 .vercel

bin/generate-proto.js

@@ -1,18 +1,24 @@
 /// This file gets called by running `npm run build:gen_proto`, it generates corresponding typescript proto implementation
 /// modules for all proto files in ./common/
 
-const path = require('path');
-const shell = require('shelljs');
-const process = require('process');
+const path = require("path");
+const shell = require("shelljs");
+const process = require("process");
 
 // https://github.com/shelljs/shelljs/issues/469
-process.env.PATH += (path.delimiter + path.join(process.cwd(), 'node_modules', '.bin'));
-
-const PROTO_DIR = path.join(__dirname, '../common');
-const MODEL_DIR = path.join(__dirname, '../utils/proto');
-const PROTOC_PATH = path.join(__dirname, "../node_modules/grpc-tools/bin/protoc");
-const PLUGIN_PATH = path.join(__dirname, "../node_modules/.bin/protoc-gen-ts_proto");
+process.env.PATH +=
+    path.delimiter + path.join(process.cwd(), "node_modules", ".bin");
 
+const PROTO_DIR = path.join(__dirname, "../common");
+const MODEL_DIR = path.join(__dirname, "../utils/proto");
+const PROTOC_PATH = path.join(
+    __dirname,
+    "../node_modules/grpc-tools/bin/protoc"
+);
+const PLUGIN_PATH = path.join(
+    __dirname,
+    "../node_modules/.bin/protoc-gen-ts_proto"
+);
 
 const protoConfig = [
     `--plugin=${PLUGIN_PATH}`,
@@ -24,4 +30,6 @@ const protoConfig = [
 ];
 
 // https://github.com/stephenh/ts-proto#usage
-shell.exec(`${PROTOC_PATH} ${protoConfig.join(" ")}`, (code, stdout, stderr) => console.log(code, stdout, stderr));
+shell.exec(`${PROTOC_PATH} ${protoConfig.join(" ")}`, (code, stdout, stderr) =>
+    console.log(code, stdout, stderr)
+);

components/Unauthenticated.tsx

@@ -0,0 +1,11 @@
+import Link from "next/link";
+
+function Unauthenticated() {
+    return (
+        <div>
+            <Link href="/api/auth/signin">You haven&apos;t logged in.</Link>
+        </div>
+    );
+}
+
+export default Unauthenticated;

next.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  reactStrictMode: true,
-}
+    reactStrictMode: true,
+};