Move images to media dir

src/gameComponents/Image.jsx

@@ -3,7 +3,7 @@ import { useUsers } from "react-sync-board";
 import styled from "styled-components";
 import { media2Url } from "../mediaLibrary";
 
-import eye from "../images/eye.svg";
+import eye from "../media/images/eye.svg";
 
 const UnflippedFor = styled.div`
   position: absolute;

src/gameComponents/useGameItemActions.js

@@ -14,19 +14,19 @@ import {
 import RotateActionForm from "./forms/RotateActionForm";
 import RandomlyRotateActionForm from "./forms/RandomlyRotateActionForm";
 
-import deleteIcon from "../images/delete.svg";
-import stackToCenterIcon from "../images/stackToCenter.svg";
-import stackToTopLeftIcon from "../images/stackToTopLeft.svg";
-import alignAsLineIcon from "../images/alignAsLine.svg";
-import alignAsSquareIcon from "../images/alignAsSquare.svg";
-import duplicateIcon from "../images/duplicate.svg";
-import seeIcon from "../images/see.svg";
-import flipIcon from "../images/flip.svg";
-import lockIcon from "../images/lock.svg";
-import rotateIcon from "../images/rotate.svg";
-import shuffleIcon from "../images/shuffle.svg";
-import tapIcon from "../images/tap.svg";
-import rollIcon from "../images/rolling-dices.svg";
+import deleteIcon from "../media/images/delete.svg";
+import stackToCenterIcon from "../media/images/stackToCenter.svg";
+import stackToTopLeftIcon from "../media/images/stackToTopLeft.svg";
+import alignAsLineIcon from "../media/images/alignAsLine.svg";
+import alignAsSquareIcon from "../media/images/alignAsSquare.svg";
+import duplicateIcon from "../media/images/duplicate.svg";
+import seeIcon from "../media/images/see.svg";
+import flipIcon from "../media/images/flip.svg";
+import lockIcon from "../media/images/lock.svg";
+import rotateIcon from "../media/images/rotate.svg";
+import shuffleIcon from "../media/images/shuffle.svg";
+import tapIcon from "../media/images/tap.svg";
+import rollIcon from "../media/images/rolling-dices.svg";
 
 import useLocalStorage from "../hooks/useLocalStorage";
 

src/mediaLibrary/ImageField.jsx

@@ -2,7 +2,7 @@ import React from "react";
 import { useTranslation } from "react-i18next";
 import styled from "styled-components";
 import { MediaLibraryButton, media2Url } from "./";
-import backgroundGrid from "../images/background-grid.png";
+import backgroundGrid from "../media/images/background-grid.png";
 
 const StyledImageField = styled.div`
   & .typeSelect {

src/mediaLibrary/MediaLibraryModal.jsx

@@ -4,7 +4,7 @@ import { useQuery, useMutation, useQueryClient } from "react-query";
 import styled from "styled-components";
 
 import { API_BASE } from "../utils/settings";
-import backgroundGrid from "../images/background-grid.png";
+import backgroundGrid from "../media/images/background-grid.png";
 
 import { confirmAlert } from "react-confirm-alert";
 import { toast } from "react-toastify";

src/ui/formUtils/ColorPicker.jsx

@@ -5,7 +5,7 @@ import { parseToRgba, rgba } from "color2k";
 
 import styled from "styled-components";
 
-import backgroundGrid from "../../images/background-grid.png";
+import backgroundGrid from "../../media/images/background-grid.png";
 
 const Color = styled.div`
   position: relative;

src/views/BoardView/ActionBar.jsx

@@ -8,7 +8,7 @@ import styled from "styled-components";
 import { useTranslation } from "react-i18next";
 
 import Touch from "../../ui/Touch";
-import target from "../../images/target.svg";
+import target from "../../media/images/target.svg";
 
 const StyledActionBar = styled.div`
   position: absolute;

src/views/GameListView.jsx

@@ -7,9 +7,9 @@ import { NavLink } from "react-router-dom";
 import SliderRange from "../ui/SliderRange";
 import Spinner from "../ui/Spinner";
 
-import playerSVG from "../images/player.svg";
-import languageSVG from "../images/language.svg";
-import clockSVG from "../images/clock.svg";
+import playerSVG from "../media/images/player.svg";
+import languageSVG from "../media/images/language.svg";
+import clockSVG from "../media/images/clock.svg";
 
 import { getGames } from "../utils/api";
 import { search } from "../utils";

src/views/RoomView/RoomView.jsx

@@ -10,7 +10,7 @@ import UserCircle from "../../users/UserCircle";
 
 import RoomNavBar from "./RoomNavBar";
 
-import table from "../../images/table.png";
+import table from "../../media/images/table.png";
 import { useTranslation } from "react-i18next";
 import { useSocket } from "@scripters/use-socket.io";