client page ui improvements, refactor code-snippet into separate component

src/app.css

@@ -26,6 +26,7 @@
     --secondary-foreground: 222.2 47.4% 11.2%;
 
     --accent: 210 26% 86%;
+    --accent-light: 210 26% 86%;
     --accent-foreground: 222.2 47.4% 11.2%;
 
     --destructive: 0 72.2% 50.6%;