Add tooltip to settings icon

src/components/EndpointDialong.tsx

@@ -8,6 +8,8 @@ import {
   FormControlLabel,
   IconButton,
   TextField,
+  Tooltip,
+  Zoom,
 } from "@mui/material";
 import SettingsIcon from "@mui/icons-material/Settings";
 import React, { useState } from "react";
@@ -58,11 +60,21 @@ const EndpointDialog = ({ endpoint, setEndpoint, secure, setSecure }: EndpointDi
     localStorage.setItem("apiEndpoint", JSON.stringify(endpoint));
   }
 
-  return (
-    <>
+  const settingsButton = (
+    <Tooltip
+      title="Settings"
+      placement="top"
+      TransitionComponent={Zoom}
+    >
       <IconButton aria-label="settings" onClick={openSettings}>
         <SettingsIcon />
       </IconButton>
+    </Tooltip>
+  );
+
+  return (
+    <>
+      {settingsButton}
 
       <Dialog
         open={open}