Feature/product logo (#405)

* Feat: Product branding

* Feat: Add logo on the loginPage

* Feat: Mentingo logo in main readme

README.md

@@ -1,6 +1,8 @@
 <div align="center">
 
-# LMS Core Project
+<img src="https://github.com/Selleo/lms-core/blob/master/product-logo/apps/web/app/assets/menitngo_logo.png?raw=true" alt"" />
+
+# Mentingo LMS Core Project
 
 [![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](https://choosealicense.com/licenses/mit/) [![Node.js](https://img.shields.io/badge/Node.js-20.15.0-brightgreen.svg)](https://nodejs.org/) [![pnpm](https://img.shields.io/badge/pnpm-supported-blue.svg)](https://pnpm.io/) [![NestJS](https://img.shields.io/badge/NestJS-10.x-red.svg)](https://nestjs.com/) [![Remix](https://img.shields.io/badge/Remix-Latest-purple.svg)](https://remix.run/) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](http://makeapullrequest.com)
 </br>

apps/web/app/modules/Auth/Login.page.tsx

@@ -5,6 +5,7 @@ import { useTranslation } from "react-i18next";
 import { z } from "zod";
 
 import { useLoginUser } from "~/api/mutations/useLoginUser";
+import LogoUrl from "~/assets/menitngo_logo_light_transparent.svg";
 import { FormCheckbox } from "~/components/Form/FormCheckbox";
 import { Button } from "~/components/ui/button";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "~/components/ui/card";
@@ -43,6 +44,12 @@ export default function LoginPage() {
     <Card className="mx-auto max-w-sm">
       <CardHeader>
         <CardTitle role="heading" className="text-2xl">
+          <img
+              src={LogoUrl}
+              alt=""
+              loading="eager"
+              decoding="async"
+            />
           {t("loginView.header")}
         </CardTitle>
         <CardDescription>{t("loginView.subHeader")}</CardDescription>