feat(#2302): popover - add table/filter contextual example

src/examples/popover/PopoverExamples.tsx

@@ -1,6 +1,8 @@
+import { GoabSpacer } from "@abgov/react-components";
 import { ButtonClosePopover } from "@examples/popover/ButtonClosePopover";
 import { LinkClosePopover } from "@examples/popover/LinkClosePopover";
 import { IconButtonClosePopover } from "@examples/popover/IconButtonClosePopover";
+import { TablePopover } from "@examples/popover/TablePopover";
 import { SandboxHeader } from "@components/sandbox/sandbox-header/sandboxHeader.tsx";
 import { OldComponentBanner } from "@components/old-component-banner/OldComponentBanner.tsx";
 import { useContext } from "react";
@@ -10,9 +12,7 @@ export const PopoverExamples = () => {
   const { version, language } = useContext(LanguageVersionContext);
   return (
     <>
-      {version === "old" && (
-        <OldComponentBanner componentName={"The popover"} language={language} type="example" />
-      )}
+
       {/*Popover Example - close using a button*/}
       <SandboxHeader exampleTitle="Close a Popover with a Button" figmaExample=""></SandboxHeader>
       <ButtonClosePopover />
@@ -27,6 +27,16 @@ export const PopoverExamples = () => {
         figmaExample=""></SandboxHeader>
       <IconButtonClosePopover />
 
+      {/*Popover example - Table*/}
+      <SandboxHeader
+        exampleTitle="Filter data in a table"
+        figmaExample="https://www.figma.com/design/aIRjvBzpIUH0GbkffjbL04/%E2%9D%96-Patterns-library-%7C-DDD?node-id=7104-1626357&t=r6QOKdLIJuKEXs1I-4"></SandboxHeader>
+      <TablePopover />
+
+      <GoabSpacer vSpacing={"2xl"}></GoabSpacer>
+      {version === "old" && (
+        <OldComponentBanner componentName={"Popover"} language={language} type="example" />
+      )}
     </>
   );
 };