feat: added tooltip to buttons

src/components/TableInformationDrawer/Details.tsx

@@ -100,6 +100,7 @@ export default function Details() {
             {isAdmin && (
               <IconButton
                 aria-label="Edit description"
+                title="Edit"
                 onClick={() => {
                   setEditDescription(!editDescription);
                 }}
@@ -147,6 +148,7 @@ export default function Details() {
             {isAdmin && (
               <IconButton
                 aria-label="Edit details"
+                title="Edit"
                 onClick={() => {
                   setEditDetails(!editDetails);
                 }}

src/components/TableInformationDrawer/TableInformationDrawer.tsx

@@ -114,6 +114,7 @@ export default function SideDrawer() {
               <IconButton
                 onClick={() => setSideDrawer(RESET)}
                 aria-label="Close"
+                title="Close"
               >
                 <CloseIcon />
               </IconButton>

src/components/TableSettingsDialog/ActionsMenu/ActionsMenu.tsx

@@ -53,6 +53,7 @@ export default function ActionsMenu({
       <IconButton
         aria-label="Actions…"
         id="table-settings-actions-button"
+        title="Actions menu"
         aria-controls="table-settings-actions-menu"
         aria-haspopup="true"
         aria-expanded={open ? "true" : undefined}

src/components/TableSettingsDialog/DeleteMenu.tsx

@@ -58,6 +58,7 @@ export default function DeleteMenu({ clearDialog, data }: IDeleteMenuProps) {
       <IconButton
         aria-label="Delete table…"
         id="table-settings-delete-button"
+        title="Delete menu"
         aria-controls="table-settings-delete-menu"
         aria-haspopup="true"
         aria-expanded={open ? "true" : undefined}

src/pages/TablesPage.tsx

@@ -139,6 +139,7 @@ export default function TablesPage() {
       {userRoles.includes("ADMIN") && (
         <IconButton
           aria-label="Edit table"
+          title="Edit table"
           onClick={() =>
             openTableSettingsDialog({ mode: "update", data: table })
           }
@@ -151,6 +152,7 @@ export default function TablesPage() {
         onChange={handleFavorite(table.id)}
         checked={favorites.includes(table.id)}
         icon={<FavoriteBorderIcon />}
+        title="Favorite"
         checkedIcon={
           <Zoom in>
             <FavoriteIcon />
@@ -163,6 +165,7 @@ export default function TablesPage() {
       />
       <IconButton
         aria-label="Table information"
+        title="Table information"
         size={view === "list" ? "large" : undefined}
         component={Link}
         to={`${getLink(table)}#sideDrawer="table-information"`}