Merge branch 'master' of github.com:DiceDB/playground-web into kavii/setup-ui-packages-and-tailwind-for-console

* 'master' of github.com:DiceDB/playground-web:
  Fix docker compose file (#77)
  integrate cleanup time from playground-mono (#76)
  Changes to integrate rate-limit headers for `Commands left` component UI (#67)
  Adding support for JSON.SET command (#74)
  Unit tests for playground-web repository  (#71)
  fix: docker compose contexts to ensure docker compose runs

Author: KaviiSuri

apps/playground-web/components/CLI/CLI.tsx

@@ -9,25 +9,40 @@ import Link from 'next/link';
 
 export default function Footer() {
   return (
-    <footer className="bg-white border-t border-gray-100 py-12">
+    <footer
+      className="bg-white border-t border-gray-100 py-12"
+      data-testid="footer"
+    >
       <div className="container mx-auto px-4">
         <div className="grid grid-cols-1 md:grid-cols-4 gap-8">
           <div>
-            <h3 className="text-gray-500 font-semibold mb-4 text-center">
+            <h3
+              className="text-gray-500 font-semibold mb-4 text-center"
+              data-testid="footer-heading"
+            >
               DiceDB
             </h3>
             <Link
               href="https://dicedb.io/get-started/installation/"
               target="_blank"
+              data-testid="get-started-link"
             >
-              <Button className="w-full !bg-red-600 hover:!bg-red-700 !text-white">
+              <Button
+                className="w-full !bg-red-600 hover:!bg-red-700 !text-white"
+                data-testid="get-started-button"
+              >
                 Get Started →
               </Button>
             </Link>
-            <Link href="https://github.com/dicedb/dice" target="_blank">
+            <Link
+              href="https://github.com/dicedb/dice"
+              target="_blank"
+              data-testid="github-link"
+            >
               <Button
                 variant="outline"
                 className="!w-full mt-2 !border-1 !border-gray-700 bg-blue-50 hover:text-blue text-black hover:text-blue-600"
+                data-testid="github-button"
               >
                 <GitHub className="mr-2 h-4 w-4" /> GitHub (4k+)
               </Button>
@@ -42,6 +57,7 @@ export default function Footer() {
                   href="https://dicedb.io/get-started/installation"
                   target="_blank"
                   className="text-gray-600 hover:text-gray-900"
+                  data-testid="quickstart-link"
                 >
                   Quickstart
                 </a>
@@ -51,6 +67,7 @@ export default function Footer() {
                   href="https://dicedb.io/commands/get"
                   target="_blank"
                   className="text-gray-600 hover:text-gray-900"
+                  data-testid="commands-link"
                 >
                   Commands
                 </a>
@@ -60,6 +77,7 @@ export default function Footer() {
                   href="https://github.com/DiceDB/dice/tree/master/examples/leaderboard-go"
                   target="_blank"
                   className="text-gray-600 hover:text-gray-900"
+                  data-testid="examples-link"
                 >
                   Examples
                 </a>
@@ -75,6 +93,7 @@ export default function Footer() {
                   href="https://github.com/DiceDB/dice/tree/master/examples/leaderboard-go"
                   target="_blank"
                   className="text-gray-600 hover:text-gray-900"
+                  data-testid="leaderboard-link"
                 >
                   Real-time Leaderboard
                 </a>
@@ -90,6 +109,7 @@ export default function Footer() {
                   href="mailto:[email protected]"
                   target="_blank"
                   className="text-gray-600 hover:text-gray-900"
+                  data-testid="contact-link"
                 >
                   Contact Us
                 </a>
@@ -101,6 +121,7 @@ export default function Footer() {
                 target="_blank"
                 className="text-gray-400 hover:text-gray-600"
                 aria-label="People"
+                data-testid="people-icon-link"
               >
                 <People className="h-6 w-6" />
               </a>
@@ -109,6 +130,7 @@ export default function Footer() {
                 target="_blank"
                 className="text-gray-400 hover:text-gray-600"
                 aria-label="Twitter"
+                data-testid="twitter-icon-link"
               >
                 <Twitter className="h-6 w-6" />
               </a>
@@ -117,6 +139,7 @@ export default function Footer() {
                 target="_blank"
                 className="text-gray-400 hover:text-gray-600"
                 aria-label="GitHub"
+                data-testid="github-icon-link"
               >
                 <GitHub className="h-6 w-6" />
               </a>