feat: redesign ServicesList and Process blocks, introduce ArrowLink component

src/blocks/ServicesList/Component.tsx

@@ -1,21 +1,15 @@
 'use client'
 import React from 'react'
-import Link from 'next/link'
 import type { Page } from '../../payload-types'
-import { ArrowRight } from 'lucide-react'
+import { ArrowLink } from '../../components/ArrowLink'
 
 type Props = Extract<NonNullable<Page['layout']>[0], { blockType: 'servicesList' }>
 
-export const ServicesListBlock: React.FC<Props> = ({ eyebrow, title, services }) => {
+export const ServicesListBlock: React.FC<Props> = ({ title, services }) => {
   return (
     <section className="py-20 md:py-32 bg-background text-foreground">
       <div className="container-premium">
         <div className="max-w-3xl mb-16 md:mb-24">
-          {eyebrow && (
-            <div className="font-mono text-sm md:text-base font-bold text-accent tracking-widest uppercase mb-4">
-              // {eyebrow}
-            </div>
-          )}
           <h2 className="font-heading text-3xl sm:text-4xl md:text-5xl font-extrabold text-foreground tracking-tight max-w-2xl text-balance">
             {title}
           </h2>
@@ -38,15 +32,9 @@ export const ServicesListBlock: React.FC<Props> = ({ eyebrow, title, services })
                 </p>
               </div>
               <div className="md:w-1/12 flex justify-end shrink-0">
-                <Link 
-                  href="/uslugi"
-                  className="flex items-center gap-3 text-foreground font-semibold hover:text-accent transition-colors"
-                >
+                <ArrowLink href="/uslugi">
                   <span className="md:hidden">{service.linkText}</span>
-                  <div className="w-12 h-12 rounded-full border border-border flex items-center justify-center group-hover:border-accent group-hover:bg-accent/5 transition-all">
-                    <ArrowRight className="w-5 h-5 group-hover:translate-x-0.5 transition-transform" />
-                  </div>
-                </Link>
+                </ArrowLink>
               </div>
             </div>
           ))}