more fixes

resources/js/components/Feed/FeedSidebar.jsx

@@ -102,9 +102,12 @@ function StatsCard({ stats, followerCount, user, onTabChange }) {
 function AboutCard({ user, profile, socialLinks, countryName }) {
   const bio = profile?.bio || profile?.about || profile?.description
   const website = profile?.website || user?.website
+  const joined = user?.created_at
+    ? new Date(user.created_at).toLocaleDateString('en-US', { month: 'long', year: 'numeric' })
+    : null
 
   const hasSocials = socialLinks && Object.keys(socialLinks).length > 0
-  const hasContent = bio || countryName || website || hasSocials
+  const hasContent = bio || countryName || website || joined || hasSocials
 
   if (!hasContent) return null
 
@@ -119,12 +122,21 @@ function AboutCard({ user, profile, socialLinks, countryName }) {
           {countryName && (
             <div className="flex items-center gap-2 text-[13px] text-slate-400">
               <i className="fa-solid fa-location-dot fa-fw text-slate-600 text-xs" />
-              <span>{countryName}</span>
+              <span className="text-slate-500">Location</span>
+              <span className="text-slate-300">{countryName}</span>
+            </div>
+          )}
+          {joined && (
+            <div className="flex items-center gap-2 text-[13px] text-slate-400">
+              <i className="fa-solid fa-calendar-days fa-fw text-slate-600 text-xs" />
+              <span className="text-slate-500">Joined</span>
+              <span className="text-slate-300">{joined}</span>
             </div>
           )}
           {website && (
             <div className="flex items-center gap-2 text-[13px]">
               <i className="fa-solid fa-link fa-fw text-slate-600 text-xs" />
+              <span className="text-slate-500">Website</span>
               <a
                 href={website.startsWith('http') ? website : `https://${website}`}
                 target="_blank"
@@ -365,13 +377,6 @@ export default function FeedSidebar({
 }) {
   return (
     <div className="space-y-4">
-      <StatsCard
-        stats={stats}
-        followerCount={followerCount}
-        user={user}
-        onTabChange={onTabChange}
-      />
-
       <AboutCard
         user={user}
         profile={profile}
@@ -379,6 +384,13 @@ export default function FeedSidebar({
         countryName={countryName}
       />
 
+      <StatsCard
+        stats={stats}
+        followerCount={followerCount}
+        user={user}
+        onTabChange={onTabChange}
+      />
+
       <RecentFollowersCard
         recentFollowers={recentFollowers}
         followerCount={followerCount}