Overlay the side panel on top of other content

src/interface/web/app/agents/agents.module.css

@@ -25,6 +25,7 @@ div.pageLayout {
 div.sidePanel {
     position: fixed;
     height: 100%;
+    z-index: 1;
 }
 
 button.infoButton {
@@ -35,7 +36,6 @@ button.infoButton {
     font-size: medium;
 }
 
-
 div.agentList {
     display: grid;
     gap: 20px;
@@ -46,7 +46,6 @@ div.agentList {
     margin-left: auto;
 }
 
-
 @media only screen and (max-width: 768px) {
     div.agentList {
         width: 100%;

src/interface/web/app/automations/automations.module.css

@@ -18,6 +18,7 @@ div.pageLayout {
 div.sidePanel {
     position: fixed;
     height: 100%;
+    z-index: 1;
 }
 
 @media screen and (max-width: 768px) {

src/interface/web/app/page.module.css

@@ -87,6 +87,7 @@ div.homeGreetings {
 div.sidePanel {
     position: fixed;
     height: 100%;
+    z-index: 1;
 }
 
 @media screen and (max-width: 768px) {

src/interface/web/app/search/search.module.css

@@ -8,6 +8,7 @@ div.searchLayout {
 div.sidePanel {
     position: fixed;
     height: 100%;
+    z-index: 1;
 }
 
 @media screen and (max-width: 768px) {

src/interface/web/app/settings/settings.module.css

@@ -19,6 +19,7 @@ div.phoneInput {
 div.sidePanel {
     position: fixed;
     height: 100%;
+    z-index: 1;
 }
 
 div.phoneInput input {
@@ -29,7 +30,6 @@ div.phoneInput input {
 }
 
 @media screen and (max-width: 768px) {
-
     div.sidePanel {
         position: relative;
         height: 100%;