Start styling projects

app/views/bubbles/index.html.erb

@@ -1,3 +1,5 @@
+<% @page_title = @project.name %>
+
 <% content_for :header do %>
   <nav>
     <%= link_to projects_path, class: "btn flex-item-justify-start" do %>
@@ -25,15 +27,6 @@
   </nav>
 <% end %>
 
-<% content_for :footer do %>
-  <nav>
-    <%= button_to session_path, method: :delete, class: "btn center", form_class: " center" do %>
-      <%= image_tag "logout.svg", aria: { hidden: true }, size: 24 %>
-      <span class="for-screen-reader">Sign out</span>
-    <% end %>
-  </nav>
-<% end %>
-
 <section class="windshield flex-inline flex-wrap gap-half justify-center align-end">
   <% cache([@most_active_bubbles, 'stable_shuffle']) do %>
     <%= render @most_active_bubbles.sort_by { |bubble| Digest::MD5.hexdigest("#{bubble.id}#{@most_active_bubbles.cache_key}") } %>

app/views/bubbles/show.html.erb

@@ -1,3 +1,5 @@
+<% @page_title = @bubble.title %>
+
 <% content_for :header do %>
   <nav>
     <%= link_to project_bubbles_path(@bubble.project), class: "btn flex-item-justify-start" do %>

app/views/projects/index.html.erb

@@ -1,6 +1,18 @@
-<h1>Projects</h1>
+<% @page_title = "Projects" %>
 
-<p><%= link_to "New", new_project_path %></p>
+<% content_for :header do %>
+  <nav>
+    <%= button_to session_path, method: :delete, class: "btn", form_class: "flex-item-justify-start" do %>
+      <%= image_tag "logout.svg", aria: { hidden: true }, size: 24 %>
+      <span class="for-screen-reader">Sign out</span>
+    <% end %>
+
+    <%= link_to new_project_path, class: "btn flex-item-justify-end" do %>
+      <%= image_tag "add.svg", aria: { hidden: true }, size: 24 %>
+      <span class="for-screen-reader">Add a new project</span>
+    <% end %>
+  </nav>
+<% end %>
 
 <ul>
   <% @projects.each do |project| %>

app/views/projects/new.html.erb

@@ -1,3 +1,5 @@
+<% @page_title = "Create a new project" %>
+
 <h1>New Project</h1>
 
 <%= form_with model: @project do |form| %>