Remove z-indices from ScrollShadow component (#4515)

## Problem solved

Short description of the bug fixed or feature added

<!-- start pr-codex -->

---

## PR-Codex overview
This PR removes the `z-index` property from the `ScrollShadow` component in the dashboard UI to prevent stacking issues.

### Detailed summary
- Removed `z-index` property from `ScrollShadow` component in `ScrollShadow.tsx`
- Adjusted styles in `ScrollShadow.module.css` to remove `z-index` property

> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`

<!-- end pr-codex -->

apps/dashboard/src/@/components/ui/ScrollShadow/ScrollShadow.module.css

@@ -1,7 +1,6 @@
 .scrollShadowY {
   position: absolute;
   left: 0;
-  z-index: 1;
   width: 100%;
   height: 40px;
   pointer-events: none;
@@ -10,7 +9,6 @@
 .scrollShadowX {
   position: absolute;
   top: 0;
-  z-index: 1;
   width: 40px;
   height: 100%;
   pointer-events: none;

apps/dashboard/src/@/components/ui/ScrollShadow/ScrollShadow.tsx

@@ -78,7 +78,7 @@ export function ScrollShadow(props: {
 
   return (
     <div
-      className={cn(props.className, "relative overflow-hidden z-0")}
+      className={cn(props.className, "relative overflow-hidden")}
       ref={wrapperEl}
       style={
         {