refactor(ui): enforce terminal metaphor, unify secondary opacity

- drop headshot photo (coherence break vs. full terminal aesthetic)
- replace FA icons with plain-text brackets ([github], [linkedin], [email])
- remove Font Awesome CDN dependency
- nav logo tk → ~/; theme toggle fa-sun/fa-moon → [light]/[dark]
- reorder home sections: projects before skills/journey
- add font-mono + opacity-70 to timeline descriptions (#2 bug + #8 polish)
- uniform opacity-70 across hero bio, project desc, timeline desc
- add hover:bg-surface-raised to ProjectCard article
- drop journey badge count (noise)
- change status ● online → ● available

src/app/page.tsx

@@ -1,6 +1,7 @@
 import type { Metadata } from "next";
 import Hero from "@/components/Hero";
 import Skills from "@/components/Skills";
+import Timeline from "@/components/Timeline";
 import ProjectCard from "@/components/ProjectCard";
 import Widget from "@/components/Widget";
 import { featuredProjects } from "@/data/projects";
@@ -15,14 +16,15 @@ export default function Home() {
   return (
     <>
       <Hero />
-      <Skills />
-      <Widget title="projects" badge={featuredProjects.length}>
+      <Widget title="tyler/projects" badge={featuredProjects.length}>
         <div className="grid grid-cols-1 sm:grid-cols-2 gap-3">
           {featuredProjects.map((project) => (
             <ProjectCard key={project.slug} project={project} />
           ))}
         </div>
       </Widget>
+      <Skills />
+      <Timeline />
     </>
   );
 }