Merge branch 'main' into nb-translation

src/main/services/hydra-api.ts

@@ -51,7 +51,10 @@ export class HydraApi {
       expirationTimestamp: tokenExpirationTimestamp,
     };
 
-    logger.log("Sign in received", this.userAuth);
+    logger.log(
+      "Sign in received. Token expiration timestamp:",
+      tokenExpirationTimestamp
+    );
 
     await userAuthRepository.upsert(
       {

src/renderer/src/pages/game-details/gallery-slider/gallery-slider.css.ts

@@ -19,6 +19,7 @@ export const gallerySliderMedia = style({
   flexGrow: "0",
   transition: "translate 0.3s ease-in-out",
   borderRadius: "4px",
+  alignSelf: "center",
 });
 
 export const gallerySliderAnimationContainer = style({
@@ -60,7 +61,6 @@ export const mediaPreviewButton = recipe({
   base: {
     cursor: "pointer",
     width: "20%",
-    height: "20%",
     display: "block",
     flexShrink: "0",
     flexGrow: "0",
@@ -84,7 +84,6 @@ export const mediaPreviewButton = recipe({
 
 export const mediaPreview = style({
   width: "100%",
-  height: "100%",
   display: "flex",
 });
 

src/renderer/src/pages/game-details/gallery-slider/gallery-slider.tsx

@@ -128,6 +128,7 @@ export function GallerySlider() {
                   src={image.path_full}
                   style={{ translate: `${-100 * mediaIndex}%` }}
                   alt={t("screenshot", { number: i + 1 })}
+                  loading="lazy"
                 />
               ))}