feat: third pass at translations

src/components/Restart.tsx

@@ -1,8 +1,10 @@
 import { createSignal } from "solid-js";
 import { Button, InnerCard, NiceP, VStack } from "~/components/layout";
+import { useI18n } from "~/i18n/context";
 import { useMegaStore } from "~/state/megaStore";
 
 export function Restart() {
+    const i18n = useI18n();
     const [state, _] = useMegaStore();
     const [hasStopped, setHasStopped] = createSignal(false);
 
@@ -23,14 +25,14 @@ export function Restart() {
     return (
         <InnerCard>
             <VStack>
-                <NiceP>
-                    Something *extra* screwy going on? Stop the nodes!
-                </NiceP>
+                <NiceP>{i18n.t("error.restart.title")}</NiceP>
                 <Button
                     intent={hasStopped() ? "green" : "red"}
                     onClick={toggle}
                 >
-                    {hasStopped() ? "Start" : "Stop"}
+                    {hasStopped()
+                        ? i18n.t("error.restart.start")
+                        : i18n.t("error.restart.stop")}
                 </Button>
             </VStack>
         </InnerCard>