Fix long module definition name overflowing

lib/livebook_web/live/session_live/app_info_component.ex

@@ -6,7 +6,7 @@ defmodule LivebookWeb.SessionLive.AppInfoComponent do
   @impl true
   def render(assigns) do
     ~H"""
-    <div class="flex flex-col">
+    <div class="flex flex-col" data-el-app-info>
       <div class="flex items-center justify-between">
         <h3 class="uppercase text-sm font-semibold text-gray-500">
           App

lib/livebook_web/live/session_live/files_list_component.ex

@@ -25,7 +25,7 @@ defmodule LivebookWeb.SessionLive.FilesListComponent do
   @impl true
   def render(assigns) do
     ~H"""
-    <div class="flex flex-col grow">
+    <div class="flex flex-col grow" data-el-files-list>
       <h3 class="uppercase text-sm font-semibold text-gray-500">
         Files
       </h3>

lib/livebook_web/live/session_live/render.ex

@@ -419,13 +419,8 @@ defmodule LivebookWeb.SessionLive.Render do
       class="flex flex-col h-full w-full max-w-xs absolute z-30 top-0 left-[64px] overflow-y-auto shadow-xl md:static md:shadow-none bg-gray-50 border-r border-gray-100 px-6 pt-16 md:py-8"
       data-el-side-panel
     >
-      <div class="flex grow" data-el-outline>
       <.outline_list data_view={@data_view} />
-      </div>
-      <div data-el-clients-list>
       <.clients_list data_view={@data_view} client_id={@client_id} />
-      </div>
-      <div data-el-files-list>
       <.live_component
         module={LivebookWeb.SessionLive.FilesListComponent}
         id="files-list"
@@ -433,8 +428,6 @@ defmodule LivebookWeb.SessionLive.Render do
         file_entries={@data_view.file_entries}
         quarantine_file_entry_names={@data_view.quarantine_file_entry_names}
       />
-      </div>
-      <div data-el-secrets-list>
       <.live_component
         module={LivebookWeb.SessionLive.SecretsListComponent}
         id="secrets-list"
@@ -443,8 +436,6 @@ defmodule LivebookWeb.SessionLive.Render do
         hub_secrets={@data_view.hub_secrets}
         hub={@data_view.hub}
       />
-      </div>
-      <div data-el-app-info>
       <.live_component
         module={LivebookWeb.SessionLive.AppInfoComponent}
         id="app-info"
@@ -455,11 +446,8 @@ defmodule LivebookWeb.SessionLive.Render do
         any_session_secrets?={@data_view.any_session_secrets?}
         hub={@data_view.hub}
       />
-      </div>
-      <div data-el-runtime-info>
       <.runtime_info data_view={@data_view} session={@session} />
     </div>
-    </div>
     """
   end
 
@@ -499,7 +487,7 @@ defmodule LivebookWeb.SessionLive.Render do
 
   defp outline_list(assigns) do
     ~H"""
-    <div class="flex flex-col grow">
+    <div class="flex flex-col grow" data-el-outline>
       <h3 class="uppercase text-sm font-semibold text-gray-500">
         Outline
       </h3>
@@ -582,7 +570,7 @@ defmodule LivebookWeb.SessionLive.Render do
 
   defp clients_list(assigns) do
     ~H"""
-    <div class="flex flex-col grow">
+    <div class="flex flex-col grow" data-el-clients-list>
       <div class="flex items-center justify-between space-x-4 -mt-1">
         <h3 class="uppercase text-sm font-semibold text-gray-500">
           Users
@@ -645,7 +633,7 @@ defmodule LivebookWeb.SessionLive.Render do
 
   defp runtime_info(assigns) do
     ~H"""
-    <div class="flex flex-col grow">
+    <div class="flex flex-col grow" data-el-runtime-info>
       <div class="flex items-center justify-between">
         <h3 class="uppercase text-sm font-semibold text-gray-500">
           Runtime

lib/livebook_web/live/session_live/secrets_list_component.ex

@@ -6,7 +6,7 @@ defmodule LivebookWeb.SessionLive.SecretsListComponent do
   @impl true
   def render(assigns) do
     ~H"""
-    <div class="flex flex-col grow">
+    <div class="flex flex-col grow" data-el-secrets-list>
       <div class="flex justify-between items-center">
         <h3 class="uppercase text-sm font-semibold text-gray-500">
           Secrets