fix: header logo

Author: imprakharshukla

app/page.tsx

@@ -4,6 +4,7 @@ import {BsFillTerminalFill} from "react-icons/bs";
 
 export default function IndexPage() {
   return (
+    // eslint-disable-next-line tailwindcss/no-contradicting-classname
     <div id="home" className="bg-[url('/bg.png')] bg-center">
       <div className={"flex h-screen items-center justify-center"}>
         <section className="container grid items-center justify-center gap-6 pb-8 pt-6 md:py-10">

components/main-nav.tsx

@@ -1,20 +1,19 @@
 import * as React from "react"
 import Link from "next/link"
 
-import { NavItem } from "@/types/nav"
-import { siteConfig } from "@/config/site"
-import { cn } from "@/lib/utils"
-import { Icons } from "@/components/icons"
+import {NavItem} from "@/types/nav"
+import {cn} from "@/lib/utils"
+import {Icons} from "@/components/icons"
 
 interface MainNavProps {
   items?: NavItem[]
 }
 
-export function MainNav({ items }: MainNavProps) {
+export function MainNav({items}: MainNavProps) {
   return (
     <div className="flex gap-6 md:gap-10">
-      <Link href="/" className="items-center space-x-2 flex">
-        <Icons.logo className="h-6 w-6" />
+      <Link href="/" className="flex items-center space-x-2">
+        <Icons.logo className="h-6 w-6"/>
       </Link>
       {items?.length ? (
         <nav className="hidden gap-6 md:flex">