Update site navigation styles and cleanup page imports

The navigation menu item styles were adjusted for better appearance. Also, the spacing in the NavigationMenuList was increased for better user experience. Moreover, a few unused imports in page.tsx were removed to clean up the code. Additionally, the button class formatting was adjusted for better readability and consistency.

apps/web/app/(marketing)/_components/site-navigation-item.tsx

@@ -10,7 +10,7 @@ const getClassName = (path: string, currentPathName: string) => {
   const isActive = isRouteActive(path, currentPathName);
 
   return cn(
-    `text-sm font-medium px-2.5 py-2 border rounded-lg border-transparent transition-colors duration-100`,
+    `text-sm font-medium transition-colors duration-300 inline-flex w-max`,
     {
       'dark:text-gray-300 dark:hover:text-white': !isActive,
       'dark:text-white text-current': isActive,

apps/web/app/(marketing)/_components/site-navigation.tsx

@@ -53,7 +53,7 @@ export function SiteNavigation() {
             'rounded-full border border-gray-100 px-4 py-2 dark:border-primary/10'
           }
         >
-          <NavigationMenuList className={'space-x-1'}>
+          <NavigationMenuList className={'space-x-4'}>
             {NavItems}
           </NavigationMenuList>
         </NavigationMenu>