Refactor delete namespace modal

Author: vikram-raj

frontend/packages/console-app/console-extensions.json

@@ -1338,6 +1338,17 @@
       "provider": { "$codeRef": "defaultProvider.useDefaultActionsProvider" }
     }
   },
+  {
+    "type": "console.action/resource-provider",
+    "properties": {
+      "model": {
+        "group": "project.openshift.io",
+        "version": "v1",
+        "kind": "Project"
+      },
+      "provider": { "$codeRef": "projectProvider.useProjectActionsProvider" }
+    }
+  },
   {
     "type": "console.action/resource-provider",
     "properties": {

frontend/packages/console-app/locales/en/console-app.json

@@ -237,6 +237,7 @@
   "Restore as new PVC": "Restore as new PVC",
   "Volume Snapshot is not Ready": "Volume Snapshot is not Ready",
   "View instances": "View instances",
+  "Delete {{label}}": "Delete {{label}}",
   "Current default StorageClass": "Current default StorageClass",
   "Set as default": "Set as default",
   "Access mode": "Access mode",

frontend/packages/console-app/src/actions/providers/project-provider.ts

@@ -16,11 +16,12 @@ const useDeleteAction = (kindObj: K8sModel, resource: K8sResourceKind) => {
     () => ({
       delete: () => ({
         id: 'delete-project',
-        label: t('console-app~Delete Project'),
+        label: t('console-app~Delete {{label}}', { label: t(kindObj.labelKey) }),
         cta: launchDeleteModal,
         accessReview: asAccessReview(kindObj, resource, 'delete'),
       }),
     }),
+    // missing launchDeleteModal dependency, that causes max depth exceeded error
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [kindObj, resource, t],
   );

frontend/public/components/modals/delete-namespace-modal.tsx

@@ -21,6 +21,8 @@ import {
   ModalVariant,
   ModalBody,
   ModalFooter,
+  Content,
+  ContentVariants,
 } from '@patternfly/react-core';
 import { OverlayComponent, useOverlay } from '@console/dynamic-plugin-sdk/src/lib-core';
 import { ErrorMessage } from '../utils/button-bar';
@@ -80,19 +82,19 @@ export const DeleteNamespaceModal: OverlayComponent<DeleteNamespaceModalProps> =
         titleIconVariant="warning"
       />
       <ModalBody>
-        <p className="pf-v6-u-mb-md">
+        <Content component={ContentVariants.p}>
           <Trans t={t} ns="public">
             This action cannot be undone. It will destroy all pods, services and other objects in
             the namespace{' '}
             <strong className="co-break-word">{{ name: resource.metadata.name }}</strong>.
           </Trans>
-        </p>
-        <p className="pf-v6-u-mb-md">
+        </Content>
+        <Content component={ContentVariants.p}>
           <Trans t={t} ns="public">
             Confirm deletion by typing{' '}
             <strong className="co-break-word">{{ name: resource.metadata.name }}</strong> below:
           </Trans>
-        </p>
+        </Content>
         <span className="pf-v6-c-form-control">
           <input
             type="text"