Update files before merging master

Author: luther10293-a11y

backend/.gitignore

@@ -4,3 +4,4 @@
 .env.local
 *.log
 package-lock.json
+package.json

backend/src/services/supabase.provider.ts

@@ -0,0 +1,22 @@
+import { createClient, SupabaseClient } from '@supabase/supabase-js';
+import { ConfigService } from '@nestjs/config'; 
+
+export const SUPABASE_CLIENT = 'SUPABASE_CLIENT';
+
+export const supabaseProvider = {
+  provide: SUPABASE_CLIENT,
+  inject: [ConfigService], // 1. Inject ConfigService
+  useFactory: (configService: ConfigService): SupabaseClient => { // 2. Accept it as an argument
+    
+    // 3. Pull values using configService
+    const url = configService.get<string>('SUPABASE_URL');
+    const serviceRoleKey = configService.get<string>('SUPABASE_SERVICE_ROLE_KEY');
+
+    if (!url || !serviceRoleKey) {
+      throw new Error(
+        'SUPABASE_URL and SUPABASE_SERVICE_ROLE_KEY must be set in environment',
+      );
+    }
+    return createClient(url, serviceRoleKey);
+  },
+};

client/src/components/Navbar.tsx

@@ -5,10 +5,12 @@ import logo from "../assets/svg/logo.svg";
 import tikka from "../assets/svg/Tikka.svg";
 import WalletButton from "./WalletButton";
 import SignInButton from "./SignInButton";
+import NotificationBellIcon from "./cards/NotificationBellIcon";
 import { Search } from "lucide-react";
 import { useWalletContext } from "../providers/WalletProvider";
 import { STELLAR_CONFIG } from "../config/stellar";
 
+
 const Navbar = ({ onStart }: { onStart?: () => void }) => {
     const [open, setOpen] = React.useState(false);
     const { isConnected, isWrongNetwork, switchNetwork } = useWalletContext();
@@ -121,7 +123,13 @@ useEffect(() => {
                         </div>
                     )}
 
-                    <WalletButton />
+                    <div className="flex items-center gap-4">
+                        
+                        <WalletButton />
+                        
+                    </div>
+                    
+                    <NotificationBellIcon raffleId={0} onAuthRequired={() => { /* optionally open sign-in drawer */ }} />
                     <SignInButton />
                 </div>
 

client/src/components/cards/NotificationBellIcon.tsx

@@ -5,7 +5,7 @@
  * Shows subscription status and allows quick toggle
  */
 
-import { Bell, BellOff } from 'lucide-react';
+import { Bell} from 'lucide-react';
 import { useNotifications } from '../../hooks/useNotifications';
 import { useAuthContext } from '../../providers/AuthProvider';
 
@@ -45,23 +45,23 @@ export default function NotificationBellIcon({
     <button
       onClick={handleClick}
       disabled={isLoading}
-      className={`
-        p-2 rounded-lg transition-all duration-200
-        disabled:opacity-50 disabled:cursor-not-allowed
-        ${
-          isSubscribed
-            ? 'bg-purple-500/20 text-purple-400 hover:bg-purple-500/30'
-            : 'bg-gray-700/50 text-gray-400 hover:bg-gray-700'
-        }
-      `}
-      title={isSubscribed ? 'Unsubscribe from notifications' : 'Subscribe to notifications'}
+      className={`inline-flex items-center justify-center rounded-full p-1.5 transition-all duration-200 ease-out focus:outline-none focus:ring-2 focus:ring-purple-500/50 disabled:opacity-50 disabled:cursor-not-allowed ${
+        isSubscribed
+          ? 'text-violet-400 hover:text-violet-300'
+          : 'text-white/60 hover:text-white'
+      }`}
+      title={isSubscribed ? 'Notifications enabled' : 'Enable notifications'}
     >
       {isLoading ? (
-        <div className="w-5 h-5 border-2 border-current border-t-transparent rounded-full animate-spin" />
-      ) : isSubscribed ? (
-        <Bell className="w-5 h-5 fill-current" />
+        <div className="h-5 w-5 animate-spin rounded-full border-2 border-current border-t-transparent" />
       ) : (
-        <BellOff className="w-5 h-5" />
+        <Bell
+          className={`h-5 w-5 transition-all duration-300 ${
+            isSubscribed
+              ? 'fill-current text-violet-400 scale-110 '
+              : 'fill-none stroke-current text-white/60'
+          }`}
+        />
       )}
     </button>
   );