Add new pages and improve blog content display functionality

Implement new routes for articles, categories, and individual articles. Update the UI to display articles with improved content rendering, including safe HTML and media embeds. Refactor storage to use a database and add image upload capabilities.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 413891e8-d784-4bea-b9f5-91a5a68316b4
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: b96b221e-0ed6-418f-80df-e4670bf5ba4b
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/413891e8-d784-4bea-b9f5-91a5a68316b4/cftwqyT
Replit-Helium-Checkpoint-Created: true

client/src/components/footer.tsx

@@ -0,0 +1,59 @@
+import { Link } from "wouter";
+
+export default function Footer() {
+  return (
+    <footer className="border-t border-border bg-card mt-16" data-testid="footer">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-10">
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+          <div>
+            <h3 className="font-bold text-card-foreground text-lg mb-3">news.folx.tv</h3>
+            <p className="text-muted-foreground text-sm leading-relaxed">
+              Das Newsportal von Folx Music Television. Aktuelle Nachrichten, Interviews und
+              Hintergrundberichte aus der Welt der Volksmusik und des Schlagers.
+            </p>
+          </div>
+          <div>
+            <h4 className="font-semibold text-card-foreground mb-3">Kategorien</h4>
+            <ul className="space-y-2 text-sm">
+              <li>
+                <Link href="/category/News">
+                  <span className="text-muted-foreground cursor-pointer hover:text-primary transition-colors" data-testid="link-footer-news">
+                    News
+                  </span>
+                </Link>
+              </li>
+              <li>
+                <Link href="/category/Star-News">
+                  <span className="text-muted-foreground cursor-pointer hover:text-primary transition-colors" data-testid="link-footer-star-news">
+                    Star-News
+                  </span>
+                </Link>
+              </li>
+            </ul>
+          </div>
+          <div>
+            <h4 className="font-semibold text-card-foreground mb-3">Links</h4>
+            <ul className="space-y-2 text-sm">
+              <li>
+                <a
+                  href="https://folx.tv"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="text-muted-foreground hover:text-primary transition-colors"
+                  data-testid="link-footer-folxtv"
+                >
+                  folx.tv
+                </a>
+              </li>
+            </ul>
+          </div>
+        </div>
+        <div className="border-t border-border mt-8 pt-6 text-center">
+          <p className="text-xs text-muted-foreground">
+            &copy; {new Date().getFullYear()} Folx Music Television. Alle Rechte vorbehalten.
+          </p>
+        </div>
+      </div>
+    </footer>
+  );
+}