Add light/dark mode support

Signed-off-by: raj-subhankar <subhankar.rj@gmail.com>

Author: raj-subhankar

ui/desktop/src/components/context_management/CreditsExhaustedNotification.tsx

@@ -22,11 +22,11 @@ export const CreditsExhaustedNotification: React.FC<CreditsExhaustedNotification
   };
 
   return (
-    <div className="rounded-lg border border-yellow-500/30 bg-yellow-500/10 p-4 my-2">
+    <div className="rounded-lg border border-yellow-600/30 dark:border-yellow-500/30 bg-yellow-500/10 dark:bg-yellow-500/10 p-4 my-2">
       <div className="flex items-start gap-3">
         <div className="text-yellow-500 text-lg mt-0.5">⚠️</div>
         <div className="flex-1">
-          <div className="text-sm text-yellow-200 whitespace-pre-line">{notification.msg}</div>
+          <div className="text-sm text-yellow-800 dark:text-yellow-200 whitespace-pre-line">{notification.msg}</div>
           {topUpUrl && (
             <button
               onClick={handleTopUp}