Merge pull request #363 from DevLoversTeam/develop

Release v1.0.3

Author: ViktorSvertoka

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

assets/01-screencapture.png

@@ -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() {

assets/02-screencapture.png

@@ -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 },
         });
       }

assets/03-screencapture.png

@@ -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>