fix: remove ref to forward

src/Forward/Forward.tsx

@@ -1,25 +1,31 @@
-import React, { FC, AnchorHTMLAttributes, MutableRefObject } from 'react';
+import React, { FC, AnchorHTMLAttributes } from 'react';
 import classNames from 'classnames';
 
 export interface ForwardProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
   /** Classi aggiuntive da usare per il componente Forward */
   className?: string;
   /** Riferimento al nodo a cui scorrere quando premuto */
-  scrollToRef: MutableRefObject<Element | null>;
+  // scrollToRef: MutableRefObject<Element | null>;
   testId?: string;
 }
 
-export const Forward: FC<ForwardProps> = ({ className, scrollToRef, children, testId, ...attributes }) => {
+export const Forward: FC<ForwardProps> = ({ className, children, testId, ...attributes }) => {
   const classes = classNames(className, 'forward');
   return (
     <a
       className={classes}
-      onClick={() =>
-        scrollToRef.current?.scrollIntoView({
-          behavior: 'smooth',
-          block: 'start'
-        })
-      }
+      onClick={(e) => {
+        e.preventDefault()
+        if (attributes.href) {
+          const scrollToRef = document.querySelector(attributes.href)
+          if (scrollToRef) {
+            scrollToRef.scrollIntoView({
+              behavior: 'smooth',
+              block: 'start'
+            })
+          }
+        }
+      }}
       data-testid={testId}
       {...attributes}
     >

stories/Components/Forward.stories.tsx

@@ -17,11 +17,11 @@ export default meta;
 type Story = StoryObj<typeof Forward>;
 
 const EsempiHooks = () => {
-  const ref = React.useRef(null);
+  // const ref = React.useRef(null);
   return (
     <div>
       <Card>
-        <Forward scrollToRef={ref}>
+        <Forward href='#hereSection' aria-label='Vai a: Sezione di esempio'>
           <Icon color='primary' icon='it-expand' />
         </Forward>
       </Card>
@@ -77,7 +77,7 @@ const EsempiHooks = () => {
           commodo ea sit eu.
         </p>
       </div>
-      <div ref={ref}>Scroll to Here</div>
+      <div id="hereSection">Scroll to Here</div>
     </div>
   )