Update example with buttonProps instead of link props

Author: garronej

test/integration/next-appdir/ui/ClientFooterItem.tsx

@@ -6,8 +6,12 @@ export function ClientFooterItem() {
         <FooterBottomItem
             bottomItem={{
                 iconId: "fr-icon-arrow-down-line",
-                linkProps: {
-                    href: `https://example.com`,
+                buttonProps: {
+                    onClick: ()=> {
+
+                        alert("Click on client item");
+
+                    }
                 },
                 text: "A client side bottom item",
 

test/integration/next-appdir/ui/ClientHeaderQuickAccessItem.tsx

@@ -3,12 +3,19 @@
 import { HeaderQuickAccessItem } from "@codegouvfr/react-dsfr/Header";
 
 export function ClientHeaderQuickAccessItem() {
+
+    //NOTE: You can use hooks here
+
     return (
         <HeaderQuickAccessItem
             quickAccessItem={{
-                iconId: "fr-icon-article-fill",
-                linkProps: {
-                    href: `/some-page`,
+                iconId: "ri-layout-4-line",
+                buttonProps: {
+                    onClick: ()=> {
+
+                        alert("Click on client item");
+
+                    }
                 },
                 text: "A client side item",