Improve project structure.

New Project Structure:
  - Created reusable UI components (ServiceCard, AnimatedSection, SectionTitle)
  - Split large components into smaller, focused ones
  - Extracted shared hooks for common functionality
  - Organized constants into separate files

Key Improvements:
  - Hooks: useScrollNavigation, useScrollToSection, useCookieSettings
  - UI Components: Modular components for consistent styling and behavior
  - Constants: Centralized data management (ServicesData, NavigationData)
  - Component Split: Navbar, Hero, and Footer broken into logical sub-components

frontend/app/(root)/sections/About.tsx

@@ -1,6 +1,7 @@
 'use client';
 
-import {motion} from 'framer-motion';
+import { motion } from 'framer-motion';
+import { SectionTitle } from '@/components/ui/SectionTitle';
 
 const About = () => {
     return (
@@ -9,23 +10,9 @@ const About = () => {
             className="relative w-full py-24 bg-background text-foreground transition-colors duration-700 ease-in-out">
             <div className="w-full max-w-6xl px-6 md:px-10 mx-auto">
                 <div className="flex flex-col">
-                    {/* Title */}
-                    <motion.h2
-                        className="text-3xl md:text-4xl font-bold mb-1 text-left"
-                        initial={{opacity: 0, y: 10}}
-                        whileInView={{opacity: 1, y: 0}}
-                        viewport={{once: true}}
-                        transition={{duration: 0.4}}
-                    >
-                        Über uns
-                    </motion.h2>
-
-                    <motion.div
-                        className="w-12 h-[2px] mt-2 mb-6 bg-amber-500"
-                        initial={{opacity: 0, x: -20}}
-                        whileInView={{opacity: 1, x: 0}}
-                        viewport={{once: true}}
-                        transition={{duration: 0.4, delay: 0.1}}
+                    <SectionTitle 
+                        title="Über uns" 
+                        className="mb-6"
                     />
 
                     {/* Text */}