Update Footer.tsx

Author: Lukas742

.storybook/components/Footer.tsx

@@ -1,6 +1,7 @@
 import ButtonDesign from '@ui5/webcomponents/dist/types/ButtonDesign.js';
 import PopoverPlacement from '@ui5/webcomponents/dist/types/PopoverPlacement.js';
 import WrappingType from '@ui5/webcomponents/dist/types/WrappingType.js';
+import type { ButtonPropTypes, PopoverDomRef } from '@ui5/webcomponents-react';
 import {
   Button,
   FlexBox,
@@ -18,10 +19,10 @@ import BestRunLogo from '../../assets/SAP_Best_R_grad_blk_scrn.png';
 import classes from './Footer.module.css';
 
 export const Footer = ({ style }) => {
-  const popoverRef = useRef(null);
+  const popoverRef = useRef<PopoverDomRef>(null);
   const footerRef = useRef(null);
   const [privacyPopoverOpen, setPPOpen] = useState(false);
-  const showPrivacyPopover = (e) => {
+  const showPrivacyPopover: ButtonPropTypes['onClick'] = (e) => {
     popoverRef.current.opener = e.target;
     setPPOpen((prev) => !prev);
   };