feat: implement frontend-backend configuration linkage

- Create public config API for frontend consumption
- Add configuration fetching to homepage
- Implement module show/hide logic based on config
- Add support for Services items filtering
- Add support for Products featured products and pricing display
- Add support for News display count, categories, and sort order
- Fix table name from 'configs' to 'siteConfig' in API route
- Update type definitions for proper TypeScript support

src/components/sections/news-section.tsx

@@ -8,11 +8,37 @@ import { Card, CardContent, CardHeader, CardTitle, CardDescription } from '@/com
 import { ArrowRight, Calendar } from 'lucide-react';
 import { NEWS } from '@/lib/constants';
 
-export function NewsSection() {
+interface NewsConfig {
+  enabled?: boolean;
+  displayCount?: number;
+  categories?: string[];
+  sortOrder?: 'asc' | 'desc';
+}
+
+interface NewsSectionProps {
+  config?: NewsConfig;
+}
+
+export function NewsSection({ config }: NewsSectionProps) {
   const ref = useRef(null);
   const isInView = useInView(ref, { once: true, margin: '-100px' });
   
-  const displayedNews = useMemo(() => NEWS.slice(0, 4), []);
+  const displayedNews = useMemo(() => {
+    let filtered = NEWS;
+    
+    if (config?.categories && config.categories.length > 0) {
+      filtered = filtered.filter(news => config.categories?.includes(news.category));
+    }
+    
+    if (config?.sortOrder === 'asc') {
+      filtered = [...filtered].sort((a, b) => new Date(a.date).getTime() - new Date(b.date).getTime());
+    } else {
+      filtered = [...filtered].sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime());
+    }
+    
+    const count = config?.displayCount || 4;
+    return filtered.slice(0, count);
+  }, [config]);
 
   return (
     <section id="news" role="region" aria-labelledby="news-heading" className="py-24 bg-[#F5F5F5]" ref={ref}>