Updated the dashboard with new html element's used css and better management

resources/views/app/dashboard.blade.php

 @extends('layouts.app')
 
 @section('content')
-<div style="width: 100%; height: 100%" id="container">
-    <div class="split-left">
-        <h2>Available Agents</h2>
-        <table class="table">
-        @foreach ($graph_elements as $graph_element)
-        @php
-            $name = $graph_element["name"];
-        @endphp
-        <tr>
-            <td>
-                <button id="{{ $name }}"
-                   class="btn btn-primary btn-sm">
-                    {{ $name }}
-                </button>
-            </td>
-        </tr>
-        @endforeach
-    </table>
-    </div>
-    <div class="split-right" id="visualization">
-        <h2>Test2</h2>
+<div style="width: 100%; height: 800px"
+ id="container">
+    <div class="row h-100">
+        <div class="col-md-auto left">
+            <h2>Available Agents</h2>
+            <table class="table">
+            @foreach ($graph_elements as $graph_element)
+            @php
+                $name = $graph_element["name"];
+            @endphp
+            <tr>
+                <td>
+                    <button id="{{ $name }}"
+                    class="btn btn-primary btn-sm">
+                        {{ $name }}
+                    </button>
+                </td>
+            </tr>
+            @endforeach
+        </table>
+        </div>
+        <div class="col-10 right" id="visualization">
+            <h2>Test2</h2>
+        </div>
     </div>
+  </div>
 </div>
 
 <div class="text-muted bottom-right">