feat: FunctionsListPage renders empty state

Replace template boilerplate with the actual view that
renders FunctionsEmptyState when no functions exist.

Co-Authored-By: Claude <noreply@anthropic.com>

Author: twoGiants

src/views/FunctionsListPage.test.tsx

@@ -0,0 +1,42 @@
+import { render, screen } from '@testing-library/react';
+import { MemoryRouter } from 'react-router-dom';
+import FunctionsListPage from './FunctionsListPage';
+
+jest.mock('react-i18next', () => ({
+  useTranslation: () => ({ t: (key: string) => key }),
+}));
+
+jest.mock('@openshift-console/dynamic-plugin-sdk', () => ({
+  DocumentTitle: ({ children }: { children: string }) => children,
+  ListPageHeader: ({ title }: { title: string }) => title,
+}));
+
+afterEach(() => {
+  jest.restoreAllMocks();
+});
+
+describe('FunctionsListPage', () => {
+  it('renders the empty state when no functions exist', () => {
+    render(
+      <MemoryRouter>
+        <FunctionsListPage />
+      </MemoryRouter>,
+    );
+
+    expect(
+      screen.getByRole('heading', { name: 'No functions found' }),
+    ).toBeInTheDocument();
+  });
+
+  it('renders a "Create function" link to /functions/create', () => {
+    render(
+      <MemoryRouter>
+        <FunctionsListPage />
+      </MemoryRouter>,
+    );
+
+    expect(
+      screen.getByRole('link', { name: 'Create function' }),
+    ).toHaveAttribute('href', '/functions/create');
+  });
+});

src/views/FunctionsListPage.tsx

@@ -0,0 +1,18 @@
+import { DocumentTitle, ListPageHeader } from '@openshift-console/dynamic-plugin-sdk';
+import { PageSection } from '@patternfly/react-core';
+import { useTranslation } from 'react-i18next';
+import { FunctionsEmptyState } from '../components/EmptyState';
+
+export default function FunctionsListPage() {
+  const { t } = useTranslation('plugin__console-functions-plugin');
+
+  return (
+    <>
+      <DocumentTitle>{t('Functions')}</DocumentTitle>
+      <ListPageHeader title={t('Functions')} />
+      <PageSection>
+        <FunctionsEmptyState />
+      </PageSection>
+    </>
+  );
+}