✨ feat(header): add toolbar component

This commit adds a new `HeaderToolbar` component to the `app/page.tsx` file. The toolbar includes links to the English and Russian versions of the blog. This change improves the user experience by providing easy access to the different language versions of the blog.

app/globals.css

@@ -1,10 +1,5 @@
 @import "tailwindcss";
 
-@theme {
-  --font-sans: var(--font-geist-sans);
-  --font-mono: var(--font-geist-mono);
-}
-
 :root {
   --background: #ffffff;
   --foreground: #171717;
@@ -20,5 +15,5 @@
 body {
   color: var(--foreground);
   background: var(--background);
-  font-family: Arial, Helvetica, sans-serif;
+  font-family: "Roboto Mono", monospace;
 }

app/page.tsx

@@ -1,6 +1,7 @@
 import Image from "next/image";
 import AnimatedLink from '../components/animatedLink';
 import BlogArea from "../components/blogpost";
+import HeaderToolbar from "../components/header/toolbar";
 
 // Mock data for blog posts
 const blogposts = [
@@ -25,18 +26,24 @@ export default function Home() {
         <div className="flex flex-row mt-12 mb-22">
           <ul className="w-full flex flex-row justify-between list-none">
             <li className="text-6xl p-2 pr-0">
-              <AnimatedLink href="https://blog.aderk.tech/">
+              <AnimatedLink href="https://blog.aderk.tech/en">
                 AderKI
               </AnimatedLink>
             </li>
+            
+            <li className="text-6xl p-2 pr-0">
+              <AnimatedLink href="https://blog.aderk.tech/ru">
+                RU
+              </AnimatedLink>
+            </li>
           </ul>
         </div>
-        <div className="text-3xl mb-20">
+        <div className="text-5xl mb-20">
           <p>
           Hello. I am is a programmer, hacker, gamer and otaku. Love comics, coding, read books. There I am posting articles about computer science and another staff, that’s im like.
           </p>
         </div>
-
+        <HeaderToolbar />
       </header>
 
       <main>