Remix migration

components/Fallback.tsx

@@ -1,5 +1,5 @@
 import { Component, type ReactNode } from "react";
-import Navigation from "./Navigation";
+import Navigation from "./Navigation.js";
 import { Code, Container, Heading, Text } from "@chakra-ui/react";
 
 interface ErrorState {

components/Navigation.tsx

@@ -32,6 +32,7 @@ export default function (props: {
   avatar?: string;
   discriminator?: string;
   email?: string;
+  hide?: boolean;
   id?: string;
   permissions?: number;
   username?: string;
@@ -105,7 +106,7 @@ export default function (props: {
               </Center>
               <Spacer />
               <Spacer />
-              {props.id ? (
+              {props.hide ? null : props.id ? (
                 <HStack spacing="3">
                   <Avatar
                     display={props.id ? "flex" : "none"}