Move company site link next to company name

Author: anees-asghar

src/app/(authenticated)/companies/[id]/page.tsx

@@ -11,11 +11,10 @@ import StandDetails from "./StandDetails";
 import { UserTile } from "@/components/user/UserTile";
 import { SessionTile } from "@/components/session";
 import EventDayButton from "@/components/EventDayButton";
-import { Scan } from "lucide-react";
+import { ExternalLinkIcon, Scan } from "lucide-react";
 import Link from "next/link";
 import BlankPageWithMessage from "@/components/BlankPageMessage";
 import ConnectionTile from "@/components/user/ConnectionTile";
-import { LinkIcon } from "lucide-react";
 
 interface CompanyParams {
   id: string;
@@ -54,7 +53,14 @@ export default async function Company({ params }: { params: CompanyParams }) {
   return (
     <div className="container mx-auto">
       <div className="flex flex-col items-center gap-y-3 p-4 text-center">
-        <h2 className="text-2xl font-bold">{company.name}</h2>
+        <div className="flex justify-center gap-1.5">
+          <h2 className="text-2xl font-bold">{company.name}</h2>
+          {company.site && (
+            <Link href={company.site} target="blank">
+              <ExternalLinkIcon size={16} className="text-blue-600" />
+            </Link>
+          )}
+        </div>
         <Image
           className="w-40 h-40 object-contain"
           width={150}
@@ -67,13 +73,6 @@ export default async function Company({ params }: { params: CompanyParams }) {
             Here Today
           </span>
         )}
-        {company.site && (
-          <Link href={company.site} target="blank">
-            <div className="bg-sinfo-primary text-white font-bold p-2 rounded-full">
-              <LinkIcon size={20} />
-            </div>
-          </Link>
-        )}
       </div>
       {/* Members section */}
       {user && isMember(user.role) && (