fix static path updated to work in PRODUCTION mode

frontend/src/components/MainLoader.jsx

@@ -4,7 +4,7 @@ import { createPortal } from 'react-dom'
 import { Loader, Title } from '@mantine/core'
 import PropTypes from 'prop-types';
 
-import loaderImage from '../assets/images/chess_board_loader.png'
+import loaderImage from '/assets/images/chess_board_loader.png'
 
 const MainLoader = ({ errorMessage }) => {
     return (

frontend/src/components/Piece.jsx

@@ -73,7 +73,7 @@ const Piece = ({ cell }) => {
                 <div style={{ borderRadius: '50%', position: 'absolute', boxSizing: 'border-box', borderWidth: '7px', width: '100%', height: '100%', borderStyle: 'solid', borderColor }}>
                 </div>
                 <div style={{ width: '100%', height: '100%' }}>
-                    <Image classNames={{ root: classes['chess-piece'] }} ref={setNodeRef} style={style} sx={{ cursor: 'pointer' }} {...listeners} {...attributes} src={`/src/assets/images/${logo}.png`} />
+                    <Image classNames={{ root: classes['chess-piece'] }} ref={setNodeRef} style={style} sx={{ cursor: 'pointer' }} {...listeners} {...attributes} src={`/assets/images/${logo}.png`} />
                 </div>
             </div>
         )

frontend/src/context/chess-game-context.jsx

@@ -242,10 +242,10 @@ const ChessGameContextProvider = ({ children }) => {
             isTimerOn, hasGameEnded, gameEndedReason, endGame,getPieceColor
         }}>
             {children}
-            <audio src='/src/assets/audio/move-self.mp3' ref={moveAudioRef} />
+            <audio src='/assets/audio/move-self.mp3' ref={moveAudioRef} />
-            <audio src='/src/assets/audio/capture.mp3' ref={captureAudioRef} />
+            <audio src='/assets/audio/capture.mp3' ref={captureAudioRef} />
-            <audio src='/src/assets/audio/game-end.webm' ref={gameEndAudioRef} />
+            <audio src='/assets/audio/game-end.webm' ref={gameEndAudioRef} />
-            <audio src='/src/assets/audio/move-check.mp3' ref={checkAudioRef} />
+            <audio src='/assets/audio/move-check.mp3' ref={checkAudioRef} />
         </ChessGameContext.Provider>
     )
 }

frontend/src/pages/Chess/ChessGame.jsx

@@ -128,10 +128,10 @@ const ChessGame = () => {
                         false ?
                             <>
                                 <MediaQuery smallerThan="sm" styles={{ display: 'none' }}>
-                                    <Image width={600} miw={480} src="/src/assets/images/chess_board.png" />
+                                    <Image width={600} miw={480} src="/assets/images/chess_board.png" />
                                 </MediaQuery>
                                 <MediaQuery largerThan="sm" styles={{ display: 'none' }}>
-                                    <Image width="100%" maw={540} src="/src/assets/images/chess_board.png" />
+                                    <Image width="100%" maw={540} src="/assets/images/chess_board.png" />
                                 </MediaQuery>
                             </>
                             :

frontend/src/pages/Play/Layout.jsx

@@ -18,10 +18,10 @@ const Layout = () => {
                     description={"description"}
                 />
                 <MediaQuery smallerThan="sm" styles={{ display: 'none' }}>
-                    <img draggable={false} height={'100%'} style={{aspectRatio:'1'}} miw={480} src="/src/assets/images/chess_board.png" />
+                    <img draggable={false} height={'100%'} style={{aspectRatio:'1'}} miw={480} src="/assets/images/chess_board.png" />
                 </MediaQuery>
                 <MediaQuery largerThan="sm" styles={{ display: 'none' }}>
-                    <img draggable={false} width="100%" maw={540} src="/src/assets/images/chess_board.png" />
+                    <img draggable={false} width="100%" maw={540} src="/assets/images/chess_board.png" />
                 </MediaQuery>
                 <NavLink
                     p="2px"