feat: forum rich-text editor, emoji picker, mentions, discover nav, feed, uploads, profile

Forum:
- TipTap WYSIWYG editor with full toolbar
- @emoji-mart/react emoji picker (consistent with tweets)
- @mention autocomplete with user search API
- Fix PHP 8.4 parse errors in Blade templates
- Fix thread data display (paginator items)
- Align forum page widths to max-w-5xl

Discover:
- Extract shared _nav.blade.php partial
- Add missing nav links to for-you page
- Add Following link for authenticated users

Feed/Posts:
- Post model, controllers, policies, migrations
- Feed page components (PostComposer, FeedCard, etc)
- Post reactions, comments, saves, reports, sharing
- Scheduled publishing support
- Link preview controller

Profile:
- Profile page components (ProfileHero, ProfileTabs)
- Profile API controller

Uploads:
- Upload wizard enhancements
- Scheduled publish picker
- Studio status bar and readiness checklist

resources/js/components/forum/AuthorBadge.jsx

@@ -0,0 +1,41 @@
+import React from 'react'
+
+const ROLE_STYLES = {
+  admin:     'bg-red-500/15 text-red-300',
+  moderator: 'bg-amber-500/15 text-amber-300',
+  member:    'bg-sky-500/15 text-sky-300',
+}
+
+const ROLE_LABELS = {
+  admin:     'Admin',
+  moderator: 'Moderator',
+  member:    'Member',
+}
+
+export default function AuthorBadge({ user, size = 'md' }) {
+  const name   = user?.name ?? 'Anonymous'
+  const avatar = user?.avatar_url ?? '/default/avatar_default.webp'
+  const role   = (user?.role ?? 'member').toLowerCase()
+  const cls    = ROLE_STYLES[role] ?? ROLE_STYLES.member
+  const label  = ROLE_LABELS[role] ?? 'Member'
+
+  const imgSize = size === 'sm' ? 'h-8 w-8' : 'h-10 w-10'
+
+  return (
+    <div className="flex items-center gap-3">
+      <img
+        src={avatar}
+        alt={`${name} avatar`}
+        loading="lazy"
+        decoding="async"
+        className={`${imgSize} rounded-full border border-white/10 object-cover`}
+      />
+      <div className="min-w-0">
+        <div className="truncate text-sm font-semibold text-zinc-100">{name}</div>
+        <span className={`inline-flex rounded-full px-2 py-0.5 text-[11px] font-medium ${cls}`}>
+          {label}
+        </span>
+      </div>
+    </div>
+  )
+}