fix(screen): improve responsive for landscape and add update text

src/app/app.component.ts

@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import { Component, Signal, signal } from '@angular/core';
 import { RouterOutlet } from '@angular/router';
 
 @Component({
@@ -9,5 +9,4 @@ import { RouterOutlet } from '@angular/router';
     styleUrl: './app.component.scss'
 })
 export class AppComponent {
-    title = 'RetroSki';
 }

src/app/pages/home/home.component.html

@@ -1,8 +1,8 @@
 <img class="logo" src="./assets/logos/logo.png" />
 <div class="title">Welcome</div>
 <div class="subtitle">
-    Ride the mountain for fun or challenge your friends on some of the most
-    demanding tracks.
+    Ride the mountain for fun, or challenge your friends on some of the most
+    demanding tracks!
 </div>
 <div class="actions-container">
     <button class="retro-button" routerLink="/learning">How to play ?</button>

src/app/pages/race/race.component.scss

@@ -4,6 +4,11 @@
     flex-direction: column;
     position: relative;
 
+    canvas#game {
+        max-width: 100dvw;
+        max-height: 100dvh;
+    }
+
     .ui-overlay {
         display: flex;
         flex-direction: column;