Fix image links and reference french assignment (#542)

* Fix small typo, links and reference fr assignment

Fix small typo, links and reference french assignment

* Fix: Add loc param and reference fr assignment

Add localization parameter on quizzes links and reference fr assignment

* fix localization param

fix localization param

* Fix image links and reference fr assignment

5-browser-extension/1-about-browsers/translations/README.fr.md

@@ -19,7 +19,7 @@ Mais qu'est-ce qu'un navigateur exactement ? Il s'agit d'une application logicie
 
 ✅ Un peu d'histoire: le premier navigateur s'appelait "WorldWideWeb" et a été créé par Sir Timothy Berners-Lee en 1990.
 
-![Les premiers navigateurs](images/earlybrowsers.jpg)
+![Les premiers navigateurs](../images/earlybrowsers.jpg)
 > Certains des premiers navigateurs, via [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing)
 
 Lorsqu'un utilisateur se connecte à l'internet en utilisant une adresse URL (Uniform Resource Locator), généralement en utilisant le protocole de transfert hypertexte via une adresse `http` ou `https`, le navigateur communique avec un serveur web et va chercher une page web.
@@ -46,7 +46,7 @@ Les extensions de navigateur sont également agréables à développer. Elles on
 
 Avant de commencer à construire, jetez un coup d'œil au processus de construction et de déploiement d'une extension de navigateur. Bien que chaque navigateur varie un peu dans la façon dont il gère cette tâche, le processus est similaire sur Chrome et Firefox à cet exemple sur Edge:
 
-![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](images/install-on-edge.png)
+![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../images/install-on-edge.png)
 
 En substance, le processus sera le suivant:
 
@@ -66,7 +66,7 @@ l'API de CO2 Signal.
 
 - [une clé API](https://www.co2signal.com/); saisissez votre adresse électronique dans le champ de cette page et une clé vous sera envoyée.
 - le [code pour votre région](http://api.electricitymap.org/v3/zones) correspondant à la [carte de l'électricité](https://www.electricitymap.org/map) (à Boston, par exemple, j'utilise 'US-NEISO').
-- le [code de démarrage](../start). Téléchargez le dossier `start` ; vous allez compléter le code dans ce dossier.
+- le [code de démarrage](../../start). Téléchargez le dossier `start`; vous allez compléter le code dans ce dossier.
 - [NPM](https://www.npmjs.com) - NPM est un outil de gestion de paquets; installez-le localement et les paquets listés dans votre fichier `package.json` seront installés pour être utilisés par votre ressource web.
 
 ✅ Apprenez-en plus sur la gestion des paquets dans cet [excellent module d'apprentissage](https://docs.microsoft.com/learn/modules/create-nodejs-project-dependencies/?WT.mc_id=academic-13441-cxa)
@@ -87,11 +87,11 @@ src
 
 Cette extension a deux vues. L'une pour recueillir la clé API et le code de région:
 
-![capture d'écran de l'extension terminée ouverte dans un navigateur, affichant un formulaire avec des entrées pour le nom de la région et la clé API](images/1.png)
+![capture d'écran de l'extension terminée ouverte dans un navigateur, affichant un formulaire avec des entrées pour le nom de la région et la clé API](../images/1.png)
 
 Et le second pour afficher la consommation de carbone de la région:
 
-![capture d'écran de l'extension terminée affichant les valeurs d'utilisation du carbone et le pourcentage de combustibles fossiles pour la région US-NEISO](images/2.png)
+![capture d'écran de l'extension terminée affichant les valeurs d'utilisation du carbone et le pourcentage de combustibles fossiles pour la région US-NEISO](../images/2.png)
 
 Commençons par construire le HTML du formulaire et le styliser avec le CSS.
 
@@ -164,5 +164,5 @@ Dans cette leçon, vous en avez appris un peu plus sur l'histoire du navigateur
 
 ## Affectation 
 
-[Restylez votre extension](assignment.md)
+[Restylez votre extension](assignment.fr.md)