Merge branch 'preview'

Author: pdelfan

src/app/dashboard/layout.tsx

@@ -21,7 +21,7 @@ export default async function DashboardLayout({
   const profile = await getProfile(session?.user.bskySession.handle);
 
   return (
-    <main className="bg-skin-base flex justify-center gap-6 pb-20 md:mt-6 lg:gap-12">
+    <main className="bg-skin-base flex justify-center gap-6 pb-20 md:mt-6 lg:gap-12 animate-fade">
       {profile && <Composer author={profile} />}
       <SidePanel />
       <section className="w-full md:max-w-xl">

src/components/contentDisplay/profileHeader/ProfileHeader.tsx

@@ -55,7 +55,7 @@ export default function ProfileHeader(props: Props) {
         <ProfileHeaderSkeleton />
       )}
       {profile && contentFilter && (
-        <section className="border-skin-base overflow-hidden border-0 border-y md:rounded-t-2xl md:border-x">
+        <section className="border-skin-base overflow-hidden border-0 md:border-y md:rounded-t-2xl md:border-x">
           <div className="relative">
             {isBlocked || hasBlockedYou ? (
               <Image
@@ -140,7 +140,7 @@ export default function ProfileHeader(props: Props) {
               </div>
             </div>
           )}
-          <div className="m-3">
+          <div className="mx-3 mb-3 mt-1">
             <div className="flex flex-wrap items-center gap-x-2">
               <h1 className="text-skin-base break-all text-2xl font-semibold">
                 {profile.displayName || profile.handle}

src/components/dataDisplay/joinedDate/JoinedDate.tsx

@@ -10,7 +10,7 @@ export default function JoinedDate(props: Props) {
   return (
     <div className="flex items-center gap-1">
       <BiCalendar className="text-skin-tertiary" />
-      <span className="text-skin-tertiary text-sm font-medium">
+      <span className="text-skin-tertiary font-medium">
         Joined {""}
         {date.toLocaleDateString("en-US", {
           year: "numeric",

src/components/dataDisplay/knownFollowers/KnownFollowers.tsx

@@ -2,7 +2,6 @@ import useKnownFollowers from "@/lib/hooks/bsky/social/useKnownFollowers";
 import Avatar from "../avatar/Avatar";
 import Link from "next/link";
 import { MAX_KNOWN_FOLLOWERS } from "@/lib/consts/general";
-import { usePathname } from "next/navigation";
 import KnownFollowersSkeleton from "./KnownFollowersSkeleton";
 
 interface Props {
@@ -11,7 +10,6 @@ interface Props {
 
 export default function KnownFollowers(props: Props) {
   const { handle } = props;
-  const pathname = usePathname();
   const {
     knownFollowers,
     isKnownFollowersEmpty,

src/components/navigational/aside/Aside.tsx

@@ -8,7 +8,7 @@ interface Props {
   avatar?: string;
 }
 
-export default async function Aside(props: Props) {
+export default function Aside(props: Props) {
   const { displayName, handle, avatar } = props;
 
   return (

src/components/navigational/navbar/Navbar.tsx

@@ -35,7 +35,7 @@ export default function Navbar() {
   });
 
   return (
-    <nav className="inline-flex flex-col gap-6 lg:ml-1.5">
+    <nav className="inline-flex flex-col gap-5 lg:ml-1.5">
       <NavItem
         href="/dashboard/home"
         icon={<BiHome className="text-2xl md:text-3xl" />}

src/components/navigational/sidePanel/SidePanel.tsx

@@ -10,16 +10,25 @@ export default function SidePanel() {
     <menu className="hidden md:inline-flex items-center lg:items-start flex-col sticky top-6 h-full max-h-[91svh] overflow-y-hidden hover:overflow-y-auto">
       <Button
         onClick={() => window.scrollTo({ top: 0, behavior: "smooth" })}
-        className="inline mb-12"
+        className="inline mb-8"
       >
-        <Image
-          src="/ouranos.svg"
-          alt="Ouranos logo"
-          width={44}
-          height={44}
-          priority
-          className="block transition-transform ease-in-out duration-700 hover:rotate-180"
-        />
+        <div className="flex items-center gap-3">
+          <Image
+            src="/ouranos.svg"
+            alt="Ouranos logo"
+            width={44}
+            height={44}
+            priority
+            className="block transition-transform ease-in-out duration-700 hover:rotate-180"
+          />
+          <Image
+            src="/ouranosText.svg"
+            alt="Ouranos text"
+            width={84}
+            height={26}
+            className="hidden lg:block"
+          />
+        </div>
       </Button>
       <Navbar />
       <div className="mt-20">