fix: fix two disabled tooltips (#8464)

Fix this warning:

> MUI: You are providing a disabled button child to the Tooltip
component.
> A disabled element does not fire events.
> Tooltip needs to listen to the child element’s events to display the
title.
> Add a simple wrapper element, such as a span.

frontend/src/component/project/Project/ProjectFeatureToggles/ProjectFeaturesBatchActions/ArchiveButton.tsx

@@ -53,6 +53,7 @@ export const ArchiveButton: VFC<IArchiveButtonProps> = ({
         <>
             <PermissionHOC projectId={projectId} permission={DELETE_FEATURE}>
                 {({ hasAccess }) => (
+                    <span>
                         <Button
                             disabled={!hasAccess || isDialogOpen}
                             variant='outlined'
@@ -61,6 +62,7 @@ export const ArchiveButton: VFC<IArchiveButtonProps> = ({
                         >
                             Archive
                         </Button>
+                    </span>
                 )}
             </PermissionHOC>
             <FeatureArchiveDialog

frontend/src/component/project/Project/ProjectFeatureToggles/ProjectFeaturesBatchActions/ManageTags.tsx

@@ -96,6 +96,7 @@ export const ManageTags: VFC<IManageTagsProps> = ({
         <>
             <PermissionHOC projectId={projectId} permission={UPDATE_FEATURE}>
                 {({ hasAccess }) => (
+                    <span>
                         <Button
                             disabled={!hasAccess || isOpen}
                             variant='outlined'
@@ -104,6 +105,7 @@ export const ManageTags: VFC<IManageTagsProps> = ({
                         >
                             Tags
                         </Button>
+                    </span>
                 )}
             </PermissionHOC>
             <ManageBulkTagsDialog