fix: make sessions modal scrollable

app/assets/javascripts/components/SessionsModal.tsx

@@ -126,7 +126,7 @@ const SessionsModal: FunctionComponent<{
 
   return (
     <>
-      <Dialog onDismiss={close} className="sessions-modal">
+      <Dialog onDismiss={close} className="sessions-modal h-screen py-8">
         <div className="sk-modal-content">
           <div class="sn-component">
             <div class="sk-panel">
@@ -145,7 +145,7 @@ const SessionsModal: FunctionComponent<{
                   </button>
                 </div>
               </div>
-              <div class="sk-panel-content">
+              <div class="sk-panel-content overflow-y-scroll">
                 {refreshing ? (
                   <>
                     <div class="sk-spinner small info"></div>

app/assets/stylesheets/_sn.scss

@@ -109,6 +109,11 @@
   padding-bottom: 0.375rem;
 }
 
+.py-8 {
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+}
+
 .outline-none {
   outline: none;
 }
@@ -254,6 +259,10 @@
   height: 4.5rem;
 }
 
+.h-screen {
+  height: 100vh;
+}
+
 .max-h-120 {
   max-height: 30rem;
 }