fix: add light theme support to connection page

Add isLight-aware styling to all block renderers (cards, timeline,
accordion, minimal), BlockButtons, and InstallationGuide. Update
colorParser gradient functions to generate light-appropriate backgrounds.
Reduce wave blob opacity on light theme for better content readability.

src/components/connection/blocks/CardsBlock.tsx

@@ -5,6 +5,7 @@ import type { BlockRendererProps } from './types';
 export function CardsBlock({
   blocks,
   isMobile,
+  isLight,
   getLocalizedText,
   getSvgHtml,
   renderBlockButtons,
@@ -12,12 +13,16 @@ export function CardsBlock({
   return (
     <div className="space-y-3">
       {blocks.map((block, index) => {
-        const gradientStyle = getColorGradient(block.svgIconColor || 'cyan');
+        const gradientStyle = getColorGradient(block.svgIconColor || 'cyan', isLight);
 
         return (
           <div
             key={index}
-            className="rounded-2xl border border-dark-700/50 bg-dark-800/50 p-4 sm:p-5"
+            className={`rounded-2xl border p-4 sm:p-5 ${
+              isLight
+                ? 'border-dark-700/60 bg-white/80 shadow-sm'
+                : 'border-dark-700/50 bg-dark-800/50'
+            }`}
           >
             <div className="flex items-start gap-3 sm:gap-4">
               <ThemeIcon