Create an Overview menu

- To use as a sort of main menu

main.py

@@ -87,22 +87,29 @@ app.config.suppress_callback_exceptions = True
 
 app.layout = dbc.Container([
     html.H1("CAN Bus Analyzer", className="my-4"),
-    dbc.Row([
-        dbc.Col(html.Label("Select Bus:"), width=1, className="mt-2"),
-        dbc.Col(dcc.Dropdown(
-            id='bus-selector',
-            options=[{'label': k, 'value': k} for k in DATA.keys()],
-            value='Bus 1',
-            clearable=False
-        ), width=2),
-    ], className="mb-3"),
     dbc.Tabs([
-        dbc.Tab(label="Frequency", tab_id="freq"),
-        dbc.Tab(label="ID Viewer", tab_id="id_viewer"),
-        dbc.Tab(label="Correlation", tab_id="corr"),
-        dbc.Tab(label="Entropy", tab_id="entropy"),
-    ], id="tabs", active_tab="freq"),
-    html.Div(id="tab-content", className="mt-3")
+        dbc.Tab(label="Overview", tab_id="overview", children=[
+            html.Div(id="overview-content")
+        ]),
+        dbc.Tab(label="Statistics", tab_id="statistics", children=[
+            dbc.Row([
+                dbc.Col(html.Label("Select Bus:"), width=1, className="mt-2"),
+                dbc.Col(dcc.Dropdown(
+                    id='bus-selector',
+                    options=[{'label': k, 'value': k} for k in DATA.keys()],
+                    value='Bus 1',
+                    clearable=False
+                ), width=2),
+            ], className="mb-3 mt-3"),
+            dbc.Tabs([
+                dbc.Tab(label="Frequency", tab_id="freq"),
+                dbc.Tab(label="ID Viewer", tab_id="id_viewer"),
+                dbc.Tab(label="Correlation", tab_id="corr"),
+                dbc.Tab(label="Entropy", tab_id="entropy"),
+            ], id="tabs", active_tab="freq"),
+            html.Div(id="tab-content", className="mt-3")
+        ])
+    ], id="main-tabs", active_tab="statistics")
 ], fluid=True)
 
 @app.callback(