formatting and layout

src/components/Background.astro

@@ -1,5 +1,5 @@
 ---
-// Background.astro - Dot pattern and ambient glow background with smooth theme transitions
+
 ---
 
 <div class="theme-transition-all fixed inset-0 -z-10 overflow-hidden">

src/components/DynamicIcon.tsx

@@ -1,52 +0,0 @@
-import React from 'react';
-import * as FaIcons from 'react-icons/fa';
-import * as MdIcons from 'react-icons/md';
-import * as AiIcons from 'react-icons/ai';
-import * as GiIcons from 'react-icons/gi';
-import * as IoIcons from 'react-icons/io';
-import * as CiIcons from 'react-icons/ci';
-import * as FiIcons from 'react-icons/fi';
-import * as LuIcons from 'react-icons/lu';
-import * as SiIcons from 'react-icons/si';
-
-// DynamicIcon.tsx - Load React Icon library dynamically from attributes from Directus
-
-const iconSets = {
-  fa: FaIcons,
-  md: MdIcons,
-  ai: AiIcons,
-  gi: GiIcons,
-  io: IoIcons,
-  ci: CiIcons,
-  fi: FiIcons,
-  lu: LuIcons,
-  si: SiIcons,
-};
-
-const DynamicIcon = ({
-  name,
-  set = 'fa',
-  size = 20,
-  color = 'currentColor',
-  className = '',
-}: {
-  name: string;
-  set: string;
-  size: number;
-  color: string;
-  className: string;
-}) => {
-  let IconComponent = FaIcons.FaAlignCenter;
-
-  if (name.startsWith('Fa')) {
-    IconComponent = iconSets['fa'][name];
-  } else if (name.startsWith('Si')) {
-    IconComponent = iconSets['si'][name];
-  } else {
-    IconComponent = iconSets[set][name];
-  }
-
-  return <IconComponent size={size} color={color} className={className} />;
-};
-
-export default DynamicIcon;

src/components/Footer.astro

@@ -8,10 +8,10 @@ const links = await directus.request(readSingleton('links'));
 const currentYear = new Date().getFullYear();
 
 const navLinks = [
-  { text: 'About', href: '/about' },
+  { text: 'Home', href: '/' },
   { text: 'Blog', href: '/blog' },
   { text: 'Topics', href: '/topics' },
-  { text: 'RSS', href: '/rss.xml' },
+  { text: 'About', href: '/about' },
 ];
 
 const socialLinks = [
@@ -53,7 +53,6 @@ const socialLinks = [
 
   <div class="relative px-4 pt-16 pb-12 sm:px-6">
     <div class="mx-auto max-w-4xl">
-      <!-- Main footer content -->
       <div class="grid grid-cols-1 gap-10 md:grid-cols-12">
         <!-- Brand section -->
         <div class="col-span-1 md:col-span-3">