udpated bg of widget shadow

the drop shadow behind widgets when moved around is now light blue and the corners are round.

client/src/App.jsx

@@ -1,4 +1,4 @@
-import { useState } from 'react'
+import { Global, css } from "@emotion/react";
 import Header from './components/layout/Header/Header.jsx';
 import Sidebar from './components/layout/Sidebar/Sidebar.jsx';
 import Canvas from './components/layout/Canvas/Canvas.jsx';
@@ -9,6 +9,18 @@ function App() {
   const styles = recipe();
 
   return (
+  <>
+    <Global // change the background color of widget shadow when moving
+      styles={css`
+        .react-grid-placeholder {
+          background: #c0d2e3ff !important;
+          border-color: #a9b6c2ff !important;
+          box-shadow: 0 0 10px #c0d2e3ff !important;
+          opacity: 1 !important;
+          border-radius: 5px;
+        }
+      `}
+    />
     <Grid css={styles}
       templateRows="1fr 11fr"
       templateColumns="1fr 20fr"
@@ -25,6 +37,7 @@ function App() {
         <Canvas />
       </GridItem> 
     </Grid>
+    </>
   );
 }