refactor(components): replace Toolbar with Navbar component

* remove SearchModal and SettingsModal components
* add a generic NavbarItem component (instead of the previous toolbar
items to avoid unreadable styles...)
* move FlippingLabel component logic into NavbarItem since it is only
used here

2 files changed, 46 insertions, 62 deletions

diff --git a/src/i18n/en.json b/src/i18n/en.json
index 5984b2d..4b7e756 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -15,10 +15,6 @@
     "defaultMessage": "Comments",
     "description": "PageLayout: comments title"
   },
-  "+viX9b": {
-    "defaultMessage": "Close settings",
-    "description": "Settings: Close label"
-  },
   "/42Z0z": {
     "defaultMessage": "Related topics",
     "description": "ThematicPage: related topics list widget title"
@@ -231,13 +227,9 @@
     "defaultMessage": "{title} cover",
     "description": "ProjectsPage: figure (cover) accessible name"
   },
-  "G+Twgm": {
-    "defaultMessage": "Search",
-    "description": "SearchModal: modal title"
-  },
-  "GTbGMy": {
+  "Fgt/RZ": {
     "defaultMessage": "Open menu",
-    "description": "MainNav: Open label"
+    "description": "Layout: main nav button label in navbar"
   },
   "GVpTIl": {
     "defaultMessage": "Topics",
@@ -307,10 +299,6 @@
     "defaultMessage": "Cancel reply",
     "description": "Comment: cancel reply button"
   },
-  "LDDUNO": {
-    "defaultMessage": "Close search",
-    "description": "Search: Close label"
-  },
   "LszkU6": {
     "defaultMessage": "All posts in {thematicName}",
     "description": "ThematicPage: posts list heading"
@@ -319,6 +307,10 @@
     "defaultMessage": "Written by:",
     "description": "ArticlePage: author label"
   },
+  "Mq+O6q": {
+    "defaultMessage": "Search",
+    "description": "Layout: search modal title in navbar"
+  },
   "N44SOc": {
     "defaultMessage": "Projects",
     "description": "HomePage: link to projects"
@@ -359,10 +351,6 @@
     "defaultMessage": "LinkedIn profile",
     "description": "ContactPage: LinkedIn profile link"
   },
-  "QCW3cy": {
-    "defaultMessage": "Open settings",
-    "description": "Settings: Open label"
-  },
   "QLisK6": {
     "defaultMessage": "Dark Theme 🌙",
     "description": "usePrism: toggle dark theme button text"
@@ -451,9 +439,9 @@
     "defaultMessage": "You can also try a search:",
     "description": "Error404Page: try a search message"
   },
-  "Xj+WXB": {
+  "XRwEoA": {
     "defaultMessage": "Open search",
-    "description": "Search: Open label"
+    "description": "Layout: search button label in navbar"
   },
   "Y+DYja": {
     "defaultMessage": "Share on LinkedIn",
@@ -483,10 +471,6 @@
     "defaultMessage": "Read more<a11y> about {title}</a11y>",
     "description": "Summary: read more link"
   },
-  "aJC7D2": {
-    "defaultMessage": "Close menu",
-    "description": "MainNav: Close label"
-  },
   "azgQuH": {
     "defaultMessage": "You should read {title}",
     "description": "Sharing: subject text"
@@ -507,6 +491,10 @@
     "defaultMessage": "Sidebar",
     "description": "PageLayout: accessible name for the sidebar"
   },
+  "dfTljv": {
+    "defaultMessage": "Main navigation",
+    "description": "Layout: main nav accessible name"
+  },
   "dz2kDV": {
     "defaultMessage": "Comment form",
     "description": "CommentForm: aria label"
@@ -535,9 +523,9 @@
     "defaultMessage": "It has been approved.",
     "description": "PageLayout: comment approved."
   },
-  "gPfT/K": {
-    "defaultMessage": "Settings",
-    "description": "SettingsModal: title"
+  "h3J0a+": {
+    "defaultMessage": "Settings form",
+    "description": "Layout: an accessible name for the settings form in navbar"
   },
   "hHVgW3": {
     "defaultMessage": "Light Theme 🌞",
@@ -595,6 +583,10 @@
     "defaultMessage": "Breadcrumb",
     "description": "PageLayout: an accessible name for the breadcrumb nav."
   },
+  "mDKiaN": {
+    "defaultMessage": "Open settings",
+    "description": "Layout: settings button label in navbar"
+  },
   "nGss/j": {
     "defaultMessage": "Ackee tracking (analytics)",
     "description": "AckeeToggle: tooltip title"
@@ -619,6 +611,10 @@
     "defaultMessage": "Share on Facebook",
     "description": "Sharing: Facebook sharing link"
   },
+  "o3WSz5": {
+    "defaultMessage": "Settings",
+    "description": "Layout: settings modal title in navbar"
+  },
   "oVLRW8": {
     "defaultMessage": "Share on Diaspora",
     "description": "Sharing: Diaspora sharing link"
@@ -743,10 +739,6 @@
     "defaultMessage": "Created on:",
     "description": "ProjectsPage: creation date label"
   },
-  "xYNeKX": {
-    "defaultMessage": "Settings form",
-    "description": "SettingsModal: an accessible form name"
-  },
   "xYemkP": {
     "defaultMessage": "Loading more articles...",
     "description": "PostsList: loading more articles message"
diff --git a/src/i18n/fr.json b/src/i18n/fr.json
index 2b20b14..0934548 100644
--- a/src/i18n/fr.json
+++ b/src/i18n/fr.json
@@ -15,10 +15,6 @@
     "defaultMessage": "Commentaires",
     "description": "PageLayout: comments title"
   },
-  "+viX9b": {
-    "defaultMessage": "Fermer les réglages",
-    "description": "Settings: Close label"
-  },
   "/42Z0z": {
     "defaultMessage": "Sujets liés",
     "description": "ThematicPage: related topics list widget title"
@@ -231,13 +227,9 @@
     "defaultMessage": "Illustration de {title}",
     "description": "ProjectsPage: figure (cover) accessible name"
   },
-  "G+Twgm": {
-    "defaultMessage": "Recherche",
-    "description": "SearchModal: modal title"
-  },
-  "GTbGMy": {
+  "Fgt/RZ": {
     "defaultMessage": "Ouvrir le menu",
-    "description": "MainNav: Open label"
+    "description": "Layout: main nav button label in navbar"
   },
   "GVpTIl": {
     "defaultMessage": "Sujets",
@@ -307,10 +299,6 @@
     "defaultMessage": "Annuler la réponse",
     "description": "Comment: cancel reply button"
   },
-  "LDDUNO": {
-    "defaultMessage": "Fermer la recherche",
-    "description": "Search: Close label"
-  },
   "LszkU6": {
     "defaultMessage": "Tous les articles dans {thematicName}",
     "description": "ThematicPage: posts list heading"
@@ -319,6 +307,10 @@
     "defaultMessage": "Écrit par :",
     "description": "ArticlePage: author label"
   },
+  "Mq+O6q": {
+    "defaultMessage": "Recherche",
+    "description": "Layout: search modal title in navbar"
+  },
   "N44SOc": {
     "defaultMessage": "Projets",
     "description": "HomePage: link to projects"
@@ -359,10 +351,6 @@
     "defaultMessage": "Profil LinkedIn",
     "description": "ContactPage: LinkedIn profile link"
   },
-  "QCW3cy": {
-    "defaultMessage": "Ouvrir les réglages",
-    "description": "Settings: Open label"
-  },
   "QLisK6": {
     "defaultMessage": "Thème sombre 🌙",
     "description": "usePrism: toggle dark theme button text"
@@ -451,9 +439,9 @@
     "defaultMessage": "Vous pouvez également tenter une recherche :",
     "description": "Error404Page: try a search message"
   },
-  "Xj+WXB": {
+  "XRwEoA": {
     "defaultMessage": "Ouvrir la recherche",
-    "description": "Search: Open label"
+    "description": "Layout: search button label in navbar"
   },
   "Y+DYja": {
     "defaultMessage": "Partager sur LinkedIn",
@@ -483,10 +471,6 @@
     "defaultMessage": "En lire plus<a11y> à propos de {title}</a11y>",
     "description": "Summary: read more link"
   },
-  "aJC7D2": {
-    "defaultMessage": "Fermer le menu",
-    "description": "MainNav: Close label"
-  },
   "azgQuH": {
     "defaultMessage": "Vous devriez lire {title}",
     "description": "Sharing: subject text"
@@ -507,6 +491,10 @@
     "defaultMessage": "Barre latérale",
     "description": "PageLayout: accessible name for the sidebar"
   },
+  "dfTljv": {
+    "defaultMessage": "Navigation principale",
+    "description": "Layout: main nav accessible name"
+  },
   "dz2kDV": {
     "defaultMessage": "Formulaire des commentaires",
     "description": "CommentForm: aria label"
@@ -535,9 +523,9 @@
     "defaultMessage": "Il a été approuvé.",
     "description": "PageLayout: comment approved."
   },
-  "gPfT/K": {
-    "defaultMessage": "Réglages",
-    "description": "SettingsModal: title"
+  "h3J0a+": {
+    "defaultMessage": "Formulaire des réglages",
+    "description": "Layout: an accessible name for the settings form in navbar"
   },
   "hHVgW3": {
     "defaultMessage": "Thème clair 🌞",
@@ -595,6 +583,10 @@
     "defaultMessage": "Fil d’Ariane",
     "description": "PageLayout: an accessible name for the breadcrumb nav."
   },
+  "mDKiaN": {
+    "defaultMessage": "Ouvrir les réglages",
+    "description": "Layout: settings button label in navbar"
+  },
   "nGss/j": {
     "defaultMessage": "Suivi Ackee (analytique)",
     "description": "AckeeToggle: tooltip title"
@@ -619,6 +611,10 @@
     "defaultMessage": "Partager sur Facebook",
     "description": "Sharing: Facebook sharing link"
   },
+  "o3WSz5": {
+    "defaultMessage": "Réglages",
+    "description": "Layout: settings modal title in navbar"
+  },
   "oVLRW8": {
     "defaultMessage": "Partager sur Diaspora",
     "description": "Sharing: Diaspora sharing link"
@@ -743,10 +739,6 @@
     "defaultMessage": "Créé le :",
     "description": "ProjectsPage: creation date label"
   },
-  "xYNeKX": {
-    "defaultMessage": "Formulaire des réglages",
-    "description": "SettingsModal: an accessible form name"
-  },
   "xYemkP": {
     "defaultMessage": "Chargement des articles précédents…",
     "description": "PostsList: loading more articles message"