feat(kubernetes): list all kube services screen [EE-1571] (#8524)

* port services from ee

* fix external link

* post review improvements

* remove applications-ports-datatable

* minor post review updates

* add services help url

* post review update

* more post review updates

* post review updates

* rename index to component

* fix external ip display and sorting

* fix external apps tag

* fix ingress screen time format

* use uid for row id. Prevent blank link

* fix some missing bits ported from EE

* match ee

* fix display of show system resources

* remove icon next to service type

app/react/components/PageHeader/ContextHelp/docURLs.js

@@ -163,6 +163,12 @@ const docURLs = [
     locationRegex: /#!\/\d+\/kubernetes\/applications/,
     examples: ['#!/1/kubernetes/applications', '#!/1/kubernetes/applications/new', '#!/1/kubernetes/deploy?templateId=', '#!/1/kubernetes/applications/metallb-system/controller'],
   },
+  {
+    desc: 'Kubernetes / Services',
+    docURL: 'https://docs.portainer.io/user/kubernetes/services',
+    locationRegex: /#!\/\d+\/kubernetes\/services/,
+    examples: ['#!/1/kubernetes/services'],
+  },
   {
     desc: 'Kubernetes / Ingresses',
     docURL: 'https://docs.portainer.io/user/kubernetes/ingresses',

app/react/components/Tip/TextTip/TextTip.tsx

@@ -20,7 +20,7 @@ export function TextTip({
 }: PropsWithChildren<Props>) {
   return (
     <p className={clsx('small inline-flex items-center gap-1', className)}>
-      <Icon icon={icon} mode={getMode(color)} />
+      <Icon icon={icon} mode={getMode(color)} className="shrink-0" />
       <span className="text-muted">{children}</span>
     </p>
   );

app/react/components/datatables/types.ts

@@ -8,7 +8,7 @@ export interface PaginationTableSettings {
   setPageSize: (pageSize: number) => void;
 }
 
-type ZustandSetFunc<T> = (
+export type ZustandSetFunc<T> = (
   partial: T | Partial<T> | ((state: T) => T | Partial<T>),
   replace?: boolean | undefined
 ) => void;

app/react/components/modals/confirm.ts

@@ -1,3 +1,5 @@
+import { ReactNode } from 'react';
+
 import { openDialog, DialogOptions } from './Dialog';
 import { OnSubmit, ModalType } from './Modal';
 import { ButtonOptions } from './types';
@@ -45,7 +47,7 @@ export function confirmWebEditorDiscard() {
   });
 }
 
-export function confirmDelete(message: string) {
+export function confirmDelete(message: ReactNode) {
   return confirmDestructive({
     title: 'Are you sure?',
     message,