feat(blog): add multiple new articles on browser rendering, JavaScript traps, Git commit conventions, Tailwind CSS integration, and Gitea actions automation

src/components/GlassHeader.tsx

@@ -65,10 +65,11 @@ export default function GlassHeader({ lang: propLang }: GlassHeaderProps) {
         <nav className="hidden md:flex items-center space-x-6 text-sm font-medium">
           {[ 
             { key: 'nav.home', icon: '🏠 ', href: getLocalizedPath('/', lang) },
-            { key: 'nav.about', icon: '👨‍💻 ', href: getLocalizedPath('/about', lang) },
-            { key: 'nav.services', icon: '🛠️ ', href: getLocalizedPath('/services', lang) },
             // { key: 'nav.projects', icon: '🚀 ', href: getLocalizedPath('/projects', lang) },
             { key: 'nav.blog', icon: '📝 ', href: getLocalizedPath('/blog', lang) },
+            { key: 'nav.services', icon: '🛠️ ', href: getLocalizedPath('/services', lang) },
+            { key: 'nav.about', icon: '👨‍💻 ', href: getLocalizedPath('/about', lang) },
+
           ].map((item, index) => (
             <motion.a
               key={item.key}