refactor, further cleaning up sidebar, home, mydashboard, alertlevelwidget, widget, and more misc.

client/src/components/Canvas/views/Home.jsx

@@ -1,4 +1,4 @@
-import { HStack, Flex, Tabs } from "@chakra-ui/react";
+import { HStack, Flex, Tabs, Button } from "@chakra-ui/react";
 import { useState } from "react";
 import MyDashboard from "./HomeTabs/MyDashboard";
 import { SearchBar } from "../CanvasComponents/SearchBar";
@@ -149,8 +149,8 @@ export default function Home() {
         <HStack width="258px" justifyContent="flex-end">
           {isEditable ? (
             <>
-              <SaveButton onSave={ onSave } />
-              <CancelButton onCancel={ onCancel } />
+              <Button onClick={onSave} borderRadius="md" bg="primary" _hover={{bg: "primaryLt"}}>Save</Button>
+              <Button onClick={onCancel} borderRadius="md">Cancel</Button>
               {isDelete ? (
                 <DeleteAllButton onDeleteAll={ DeleteAll } />
               ):(null)
@@ -158,7 +158,7 @@ export default function Home() {
             </>
           ):(
             <>
-              <SearchBar />
+              <SearchBar placeholder="Enter a volcano to search" size="sm" width="210px" />
               <SettingsButton {...settingsButtonProps}/>
             </>
           )}