update top navigation and overal theme

src/app/components/Backup/UploadButton.tsx

@@ -1,4 +1,4 @@
-import { Box, Button } from "@mui/material";
+import { Box, Button, Tooltip } from "@mui/material";
 import { useState } from "react";
 import { UploadDialog } from "./UploadDialog";
 
@@ -6,12 +6,15 @@ export const UploadButton = () => {
   const [uploadDialogOpen, setUploadDialogOpen] = useState(false);
   return (
     <Box>
-      <Button
-        style={{ width: "100%" }}
-        onClick={() => setUploadDialogOpen(true)}
-      >
-        Restore
-      </Button>
+      <Tooltip title="Upload your exported configuration to restore the PI list">
+        <Button
+          style={{ width: "100%" }}
+          onClick={() => setUploadDialogOpen(true)}
+          sx={{ my: 2, color: "white", display: "block" }}
+        >
+          Restore
+        </Button>
+      </Tooltip>
       <UploadDialog
         open={uploadDialogOpen}
         closeDialog={() => setUploadDialogOpen(false)}