Release v1.0.3

CHANGELOG.md

@@ -684,3 +684,34 @@ and this project adheres to [Semantic Versioning](https://semver.org/).
 
 - Stronger password validation and confirmation flow
 - Improved server-side validation and error reporting
+
+## [1.0.3] - 2026-02-23
+
+### Fixed
+
+- Blog (Sanity):
+  - Fixed images not rendering on Vercel production
+  - Improved image optimization across blog pages and components
+- SSR hydration mismatch in AchievementBadge (client/server state sync)
+- Header hardcoded locale issues
+- Notification rendering consistency
+
+### Changed
+
+- Q&A UI:
+  - Updated Git category tab color for stronger visual distinction from HTML
+
+- Header & Localization:
+  - Translated all header UI strings (en / uk / pl)
+  - Notifications now fully localized with locale-aware relative time
+  - LanguageSwitcher and User menu labels localized
+
+- Dashboard UX:
+  - Unified dashboard cards styling using shared `dashboard-card` class
+  - Clickable profile stats with smooth scroll navigation
+  - Improved avatar detection logic
+
+### Performance & Stability
+
+- Improved client-render guards using stable subscription pattern
+- Reduced hydration inconsistencies in production

frontend/actions/notifications.ts

@@ -1,11 +1,10 @@
 'use server';
 
-import { desc, eq, and } from 'drizzle-orm';
+import { and,desc, eq } from 'drizzle-orm';
 import { revalidatePath } from 'next/cache';
 
 import { db } from '@/db';
 import { notifications } from '@/db/schema/notifications';
-
 import { getCurrentUser } from '@/lib/auth';
 
 export async function getNotifications() {

frontend/actions/quiz.ts

@@ -231,14 +231,15 @@ export async function submitQuizAttempt(
       const earnedAfter = computeAchievements(statsAfter).filter(a => a.earned);
       const newlyEarned = earnedAfter.filter(a => !earnedBefore.has(a.id));
 
-      // Trigger notifications for any newly earned achievements
+      // Trigger notifications for any newly earned achievements.
+      // title/message are stable English fallbacks; NotificationBell renders
+      // them dynamically in the viewer's locale using metadata.badgeId.
       for (const achievement of newlyEarned) {
-        // Find full object to get the fancy translated string (if needed) or just generic name
         await createNotification({
           userId: session.id,
           type: 'ACHIEVEMENT',
           title: 'Achievement Unlocked!',
-          message: `You just earned the ${achievement.id} badge!`,
+          message: achievement.id,
           metadata: { badgeId: achievement.id, icon: achievement.icon },
         });
       }

frontend/app/[locale]/blog/[slug]/PostDetails.tsx

@@ -7,6 +7,7 @@ import { client } from '@/client';
 import { DynamicGridBackground } from '@/components/shared/DynamicGridBackground';
 import { Link } from '@/i18n/routing';
 import { formatBlogDate } from '@/lib/blog/date';
+import { shouldBypassImageOptimization } from '@/lib/blog/image';
 
 export const revalidate = 0;
 
@@ -285,6 +286,7 @@ function renderPortableText(
           alt={postTitle || 'Post image'}
           width={1200}
           height={800}
+          unoptimized={shouldBypassImageOptimization(block.url)}
           sizes="100vw"
           className="my-6 h-auto w-full rounded-xl border border-gray-200"
         />
@@ -577,6 +579,7 @@ export default async function PostDetails({
               src={post.mainImage}
               alt={post.title || 'Post image'}
               fill
+              unoptimized={shouldBypassImageOptimization(post.mainImage)}
               className="object-contain"
             />
           </div>
@@ -618,6 +621,9 @@ export default async function PostDetails({
                               src={item.mainImage}
                               alt={item.title || 'Post image'}
                               fill
+                              unoptimized={shouldBypassImageOptimization(
+                                item.mainImage
+                              )}
                               className="object-cover transition-transform duration-300 group-hover:scale-[1.03]"
                             />
                           </div>
@@ -640,6 +646,9 @@ export default async function PostDetails({
                                   src={item.author.image}
                                   alt={item.author.name || 'Author'}
                                   fill
+                                  unoptimized={shouldBypassImageOptimization(
+                                    item.author.image
+                                  )}
                                   className="object-cover"
                                 />
                               </span>

frontend/app/[locale]/blog/category/[category]/page.tsx

@@ -9,6 +9,7 @@ import { FeaturedPostCtaButton } from '@/components/blog/FeaturedPostCtaButton';
 import { DynamicGridBackground } from '@/components/shared/DynamicGridBackground';
 import { Link } from '@/i18n/routing';
 import { formatBlogDate } from '@/lib/blog/date';
+import { shouldBypassImageOptimization } from '@/lib/blog/image';
 
 export const revalidate = 0;
 
@@ -121,6 +122,9 @@ export default async function BlogCategoryPage({
                   alt={featuredPost.title}
                   width={1400}
                   height={800}
+                  unoptimized={shouldBypassImageOptimization(
+                    featuredPost.mainImage
+                  )}
                   className="h-full w-full object-cover transition-transform duration-300 group-hover:scale-[1.03]"
                   priority={false}
                 />
@@ -142,6 +146,9 @@ export default async function BlogCategoryPage({
                       alt={featuredPost.author.name || 'Author'}
                       width={28}
                       height={28}
+                      unoptimized={shouldBypassImageOptimization(
+                        featuredPost.author.image
+                      )}
                       className="h-7 w-7 rounded-full object-cover"
                     />
                   )}

frontend/app/[locale]/dashboard/page.tsx

@@ -17,8 +17,8 @@ import {
 } from '@/db/queries/quizzes/quiz';
 import { getUserGlobalRank, getUserProfile } from '@/db/queries/users';
 import { redirect } from '@/i18n/routing';
-import { getCurrentUser } from '@/lib/auth';
 import { computeAchievements } from '@/lib/achievements';
+import { getCurrentUser } from '@/lib/auth';
 import { getUserStatsForAchievements } from '@/lib/user-stats';
 
 export async function generateMetadata({
@@ -216,7 +216,7 @@ export default async function DashboardPage({
               totalAttempts={totalAttempts}
               globalRank={globalRank}
             />
-            <div className="grid gap-8 lg:grid-cols-2">
+            <div id="stats" className="grid gap-8 scroll-mt-8 lg:grid-cols-2">
               <StatsCard stats={stats} attempts={lastAttempts} />
               <ActivityHeatmapCard attempts={attempts} locale={locale} currentStreak={currentStreak} />
             </div>

frontend/app/[locale]/layout.tsx

@@ -10,6 +10,7 @@ import { AppChrome } from '@/components/header/AppChrome';
 import { MainSwitcher } from '@/components/header/MainSwitcher';
 import { CookieBanner } from '@/components/shared/CookieBanner';
 import Footer from '@/components/shared/Footer';
+import { ScrollWatcher } from '@/components/shared/ScrollWatcher';
 import { ThemeProvider } from '@/components/theme/ThemeProvider';
 import { locales } from '@/i18n/config';
 import { getCurrentUser } from '@/lib/auth';
@@ -78,6 +79,7 @@ export default async function LocaleLayout({
         <Footer />
         <Toaster position="top-right" richColors expand />
         <CookieBanner />
+        <ScrollWatcher />
       </ThemeProvider>
     </NextIntlClientProvider>
   );

frontend/app/[locale]/leaderboard/page.tsx

@@ -70,10 +70,16 @@ export default async function LeaderboardPage() {
     // ── Inject star_gazer if user has starred the repo ─────────────────
     // Match by GitHub login (username) or by avatar URL base
     const avatarBase = user.avatar?.split('?')[0] ?? '';
+    const isGitHubAvatar = (() => {
+      try {
+        return new URL(avatarBase).hostname === 'avatars.githubusercontent.com';
+      } catch {
+        return false;
+      }
+    })();
     const hasStarred =
       stargazerLogins.has(nameLower) ||
-      (avatarBase.includes('avatars.githubusercontent.com') &&
-        stargazerAvatars.has(avatarBase));
+      (isGitHubAvatar && stargazerAvatars.has(avatarBase));
 
     if (hasStarred && !achievements.some(a => a.id === 'star_gazer')) {
       const def = ACHIEVEMENTS.find(a => a.id === 'star_gazer');