fix bug design

src/components/SectionHeader.tsx

@@ -1,8 +1,10 @@
 import { ArrowLeft } from 'iconsax-react'
+import Link from 'next/link'
 import { FC } from 'react'
 
 type Props = {
-    title: string
+    title: string,
+    link?: string
 }
 
 const SectionHeader: FC<Props> = (props) => {
@@ -12,13 +14,15 @@ const SectionHeader: FC<Props> = (props) => {
                 {props.title}
             </h2>
 
-            <div className='flex gap-1'>
-                <div className='text-sm'>مشاهده همه</div>
-                <ArrowLeft
-                    size={20}
-                    color='black'
-                />
-            </div>
+            <Link href={props.link || '#'}>
+                <div className='flex gap-1'>
+                    <div className='text-sm'>مشاهده همه</div>
+                    <ArrowLeft
+                        size={20}
+                        color='black'
+                    />
+                </div>
+            </Link>
         </div>
     )
 }