Autosave: 20260414-192235

frontend/src/components/Logo/index.tsx

@@ -1,3 +1,4 @@
+import Image from 'next/image'
 import React from 'react'
 
 type Props = {
@@ -6,10 +7,12 @@ type Props = {
 
 export default function Logo({ className = '' }: Props) {
   return (
-    <img
+    <Image
-      src={"https://flatlogic.com/logo.svg"}
+      src="https://flatlogic.com/logo.svg"
       className={className}
-      alt={'Flatlogic logo'}>
+      alt="Flatlogic logo"
-    </img>
+      width={160}
+      height={32}
+    />
   )
 }

frontend/src/pages/profile.tsx

@@ -3,6 +3,7 @@ import {
     mdiUpload,
 } from '@mdi/js';
 import Head from 'next/head';
+import Image from 'next/image';
 import React, { ReactElement, useEffect, useState } from 'react';
 import { ToastContainer, toast } from 'react-toastify';
 import DatePicker from 'react-datepicker';
@@ -84,7 +85,13 @@ const EditUsers = () => {
                 <CardBox>
                     {currentUser?.avatar[0]?.publicUrl && <div className={'grid grid-cols-6 gap-4 mb-4'}>
                         <div className="col-span-1 w-80 h-80 overflow-hidden border-2 rounded-full inline-flex items-center justify-center mb-8">
-                            <img className="w-80 h-80 max-w-full max-h-full object-cover object-center"  src={`${currentUser?.avatar[0]?.publicUrl}`} alt="Avatar" />
+                            <Image
+                                className="w-80 h-80 max-w-full max-h-full object-cover object-center"
+                                src={`${currentUser?.avatar[0]?.publicUrl}`}
+                                alt="Avatar"
+                                width={320}
+                                height={320}
+                            />
                         </div>
                     </div>}
                     <Formik