chore: update react-query styling in playground

Author: devrnt

playground/modules/wizard/reactQuery/lazyQuery.tsx

@@ -5,10 +5,14 @@ import { useMutation } from 'react-query';
 import { useWizard } from '../../../../dist';
 
 const Container = styled('div')`
+  background: var(--step);
+  border: 1px solid #250b46;
+  border-radius: 2px;
+  padding: 2.75rem 0.35rem;
   display: flex;
+  flex-direction: column;
   justify-content: center;
   align-items: center;
-  flex-direction: column;
   min-height: 35vh;
 `;
 

playground/modules/wizard/reactQuery/queryStep.tsx

@@ -3,10 +3,14 @@ import * as React from 'react';
 import { useQuery } from 'react-query';
 
 const Container = styled('div')`
+  background: var(--step);
+  border: 1px solid #250b46;
+  border-radius: 2px;
+  padding: 2.75rem 0.35rem;
   display: flex;
+  flex-direction: column;
   justify-content: center;
   align-items: center;
-  flex-direction: column;
   min-height: 35vh;
 `;