update the faces of clean air page

src/website/src/app/(programs)/africa-clean-air-forum-2026/selfies/page.tsx

@@ -0,0 +1,15 @@
+import SelfiesScreen from '@/features/clean-air-forum-2026/screens/SelfiesScreen';
+import { generateMetadata } from '@/lib/metadata';
+
+export const metadata = generateMetadata({
+  title: 'Selfies | Faces of Clean Air',
+  description:
+    'View selfies shared by attendees of the Africa Clean Air Forum showcasing air quality readings from their locations.',
+  keywords:
+    'Faces of Clean Air selfies, Africa Clean Air Forum photos, air quality advocates, PM2.5 readings Africa, clean air community',
+  url: '/africa-clean-air-forum-2026/selfies',
+});
+
+export default function SelfiesRoute() {
+  return <SelfiesScreen />;
+}

src/website/src/components/clean-air-forum-2026/QrCodeButton.tsx

@@ -19,16 +19,16 @@ export default function QrCodeButton({ src = QR_IMAGE_SRC }: { src?: string }) {
         aria-label="Open QR code in full view"
       >
         <div className="flex flex-col items-center gap-1">
-          <div className="overflow-hidden rounded-lg border-2 border-white/30 bg-white/10 p-1 shadow-lg backdrop-blur-sm transition-transform hover:scale-105 sm:border-white/40 sm:p-1.5 lg:p-2">
+          <div className="overflow-hidden rounded-lg border border-white/25 bg-white/10 p-1 shadow-lg backdrop-blur-sm transition-transform hover:scale-105 sm:border-white/30 sm:p-1.5">
             <Image
               src={src}
               alt="Clean Air Forum QR Code"
               width={60}
               height={60}
-              className="h-[50px] w-[50px] object-contain sm:h-[65px] sm:w-[65px] lg:h-[80px] lg:w-[80px]"
+              className="h-[44px] w-[44px] object-contain sm:h-[52px] sm:w-[52px] lg:h-[60px] lg:w-[60px]"
             />
           </div>
-          <span className="text-[8px] font-medium text-white/80 sm:text-[10px] lg:text-xs">
+          <span className="text-[7px] font-medium text-white/70 sm:text-[9px]">
             Scan to participate
           </span>
         </div>