Fix title stylings

lib/livebook_web/live/explore_live.ex

@@ -31,7 +31,7 @@ defmodule LivebookWeb.ExploreLive do
     >
       <div class="p-4 sm:px-8 md:px-16 sm:py-7 max-w-screen-lg mx-auto space-y-4">
         <div>
-          <PageHelpers.title text="/ explore" />
+          <PageHelpers.title text="Explore" />
           <p class="mt-4 mb-8 text-gray-700">
             Check out a number of examples showcasing various parts of the Elixir ecosystem.<br />
             Click on any notebook you like and start playing around with it!

lib/livebook_web/live/home_live.ex

@@ -52,7 +52,7 @@ defmodule LivebookWeb.HomeLive do
       <.memory_notification memory={@memory} app_service_url={@app_service_url} />
       <div class="p-4 sm:px-8 md:px-16 sm:py-7 max-w-screen-lg mx-auto space-y-4">
         <div class="flex flex-row space-y-0 items-center pb-4 justify-between">
-          <PageHelpers.title text="/ home" />
+          <PageHelpers.title text="Home" />
           <div class="hidden sm:flex space-x-2" role="navigation" aria-label="new notebook">
             <%= live_patch("Import",
               to: Routes.home_path(@socket, :import, "url"),

lib/livebook_web/live/hub/edit/fly_component.ex

@@ -48,7 +48,7 @@ defmodule LivebookWeb.Hub.Edit.FlyComponent do
         </div>
 
         <div class="flex flex-col space-y-2">
-          <h2 class="text-xl text-gray-800 font-semibold pb-2 border-b border-gray-200">
+          <h2 class="text-xl text-gray-800 font-medium pb-2 border-b border-gray-200">
             General
           </h2>
 
@@ -112,7 +112,7 @@ defmodule LivebookWeb.Hub.Edit.FlyComponent do
         </div>
 
         <div class="flex flex-col space-y-4">
-          <h2 class="text-xl text-gray-800 font-semibold pb-2 border-b border-gray-200">
+          <h2 class="text-xl text-gray-800 font-medium pb-2 border-b border-gray-200">
             Environment Variables
           </h2>
 

lib/livebook_web/live/hub/new_live.ex

@@ -29,7 +29,7 @@ defmodule LivebookWeb.Hub.NewLive do
         </div>
 
         <div class="flex flex-col space-y-4">
-          <h2 class="text-xl text-gray-800 font-semibold pb-2 border-b border-gray-200">
+          <h2 class="text-xl text-gray-800 font-medium pb-2 border-b border-gray-200">
             1. Select your Hub service
           </h2>
 
@@ -60,7 +60,7 @@ defmodule LivebookWeb.Hub.NewLive do
 
         <%= if @selected_type do %>
           <div class="flex flex-col space-y-4">
-            <h2 class="text-xl text-gray-800 font-semibold pb-2 border-b border-gray-200">
+            <h2 class="text-xl text-gray-800 font-medium pb-2 border-b border-gray-200">
               2. Configure your Hub
             </h2>
 

lib/livebook_web/live/settings_live.ex

@@ -32,7 +32,7 @@ defmodule LivebookWeb.SettingsLive do
         <!-- System settings section -->
         <div class="flex flex-col space-y-10">
           <div>
-            <PageHelpers.title text="/ system settings" />
+            <PageHelpers.title text="System settings" />
             <p class="mt-4 text-gray-700">
               Here you can change global Livebook configuration. Keep in mind
               that this configuration gets persisted and will be restored on application
@@ -41,7 +41,7 @@ defmodule LivebookWeb.SettingsLive do
           </div>
           <!-- System details -->
           <div class="flex flex-col space-y-2">
-            <h2 class="text-xl text-gray-800 font-semibold">
+            <h2 class="text-xl text-gray-800 font-medium">
               About
             </h2>
             <div class="flex items-center justify-between border border-gray-200 rounded-lg p-4">
@@ -74,7 +74,7 @@ defmodule LivebookWeb.SettingsLive do
           </div>
           <!-- Updates -->
           <div class="flex flex-col space-y-4">
-            <h2 class="text-xl text-gray-800 font-semibold pb-2 border-b border-gray-200">
+            <h2 class="text-xl text-gray-800 font-medium pb-2 border-b border-gray-200">
               Updates
             </h2>
             <form class="mt-4" phx-change="save" onsubmit="return false;">
@@ -87,7 +87,7 @@ defmodule LivebookWeb.SettingsLive do
           </div>
           <!-- Autosave path configuration -->
           <div class="flex flex-col space-y-4">
-            <h2 class="text-xl text-gray-800 font-semibold pb-2 border-b border-gray-200">
+            <h2 class="text-xl text-gray-800 font-medium pb-2 border-b border-gray-200">
               Autosave
             </h2>
             <p class="text-gray-700">
@@ -97,7 +97,7 @@ defmodule LivebookWeb.SettingsLive do
           </div>
           <!-- File systems configuration -->
           <div class="flex flex-col space-y-4">
-            <h2 class="text-xl text-gray-800 font-semibold pb-2 border-b border-gray-200">
+            <h2 class="text-xl text-gray-800 font-medium pb-2 border-b border-gray-200">
               File systems
             </h2>
             <p class="mt-4 text-gray-700">
@@ -114,9 +114,7 @@ defmodule LivebookWeb.SettingsLive do
         <!-- User settings section -->
         <div class="flex flex-col space-y-10">
           <div>
-            <h1 class="text-3xl text-gray-800 font-semibold">
+            <PageHelpers.title text="User settings" />
-              User settings
-            </h1>
             <p class="mt-4 text-gray-700">
               The configuration in this section changes only your Livebook
               experience and is saved in your browser.
@@ -124,7 +122,7 @@ defmodule LivebookWeb.SettingsLive do
           </div>
           <!-- Editor configuration -->
           <div class="flex flex-col space-y-4">
-            <h2 class="text-xl text-gray-800 font-semibold pb-2 border-b border-gray-200">
+            <h2 class="text-xl text-gray-800 font-medium pb-2 border-b border-gray-200">
               Code editor
             </h2>
             <div