Fix gradient gap on profile page desktop view

Add gradient-bg to the outer min-h-screen container so the sm:pt-20
padding area from LayoutShell has a consistent background instead of
showing a visible dark band between the top nav and the radial header.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: GraysonCAdams

src/app/profile/ProfileClient.tsx

@@ -34,7 +34,7 @@ interface ProfileClientProps {
 
 export default function ProfileClient(props: ProfileClientProps) {
   return (
-    <Suspense fallback={<div className="min-h-screen" />}>
+    <Suspense fallback={<div className="min-h-screen gradient-bg" />}>
       <ProfileContent {...props} />
     </Suspense>
   );
@@ -272,7 +272,7 @@ function ProfileContent({ user, stats }: ProfileClientProps) {
   }
 
   return (
-    <div className="min-h-screen">
+    <div className="min-h-screen gradient-bg">
       {/* Header */}
       <div className="gradient-bg-radial px-5 pt-10 pb-8 flex flex-col items-center text-center">
         <m.div

src/app/profile/loading.tsx

@@ -1,6 +1,6 @@
 export default function ProfileLoading() {
   return (
-    <div className="min-h-screen">
+    <div className="min-h-screen gradient-bg">
       {/* Header skeleton */}
       <div className="gradient-bg-radial px-5 pt-10 pb-8 flex flex-col items-center text-center">
         <div className="w-24 h-24 rounded-full skeleton mb-4" />