Redesign page titles (#1382)

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/page_helpers.ex

@@ -10,7 +10,7 @@ defmodule LivebookWeb.PageHelpers do
   """
   def title(assigns) do
     ~H"""
-    <h1 class="text-3xl text-gray-800 font-semibold">
+    <h1 class="text-2xl text-gray-800 font-medium">
       <%= @text %>
     </h1>
     """

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