chore: fix for footer and bots

frontend-typescript/src/App.tsx

@@ -14,7 +14,9 @@ const App: FC = () => {
 
   return (
     <div
-      className={`w-screen h-screen flex flex-col ${darkMode ? 'dark' : ''}`}
+      className={`w-screen min-h-screen flex flex-col ${
+        darkMode ? 'dark' : ''
+      }`}
     >
       <BrowserRouter>
         <Header darkMode={darkMode} toggleDarkMode={toggleDarkMode} />

frontend-typescript/src/components/Board/Cell.tsx

@@ -39,10 +39,18 @@ const getGameCharacter = (gameObject: IGameObject) => {
     DummyBotGameObject: robot,
     BaseGameObject: base,
     BotGameObjectBaseGameObject: botBase,
+    DummyBotGameObjectBaseGameObject: botBase,
     BaseGameObjectBotGameObject: botBase,
+    BaseGameObjectDummyBotGameObject: botBase,
     DiamondGameObjectBotGameObject: botDiamond,
+    DiamondGameObjectDummyBotGameObject: botDiamond,
     BotGameObjectDiamondGameObject: botDiamond,
+    DummyBotGameObjectDiamondGameObject: botDiamond,
     TeleportGameObject: teleporter,
+    BotGameObjectTeleportGameObject: teleporter,
+    DummyBotGameObjectTeleportGameObject: teleporter,
+    TeleportGameObjectBotGameObject: teleporter,
+    TeleportGameObjectDummyBotGameObject: teleporter,
   };
 
   if (

frontend-typescript/src/components/Footer.tsx

@@ -1,11 +1,14 @@
+import { Link } from 'react-router-dom';
 import etimoLogo from '../assets/etimoLogo.png';
 
 export const Footer = () => {
   return (
-    <div className="dark:bg-gray-800 pt-[3rem] lg:pt-[10rem] pb-8 w-full flex justify-center items-center">
+    <div className="dark:bg-gray-800 pt-[2rem] 2xl:pt-[3rem] pb-8 w-full flex justify-center items-center sticky top-[100vh]">
       <h1>Powered by</h1>
       <div className="w-[100px] ml-5">
-        <img src={etimoLogo} alt="etimo-logo" />
+        <Link to="https://etimo.se/" target="_blank">
+          <img src={etimoLogo} alt="etimo-logo" />
+        </Link>
       </div>
     </div>
   );

frontend-typescript/src/components/Home.tsx

@@ -11,8 +11,8 @@ export const Home = () => {
     setBoardId(parseInt(event.target.value));
   };
   return (
-    <div className="bg-gray-50 dark:bg-gray-800 w-screen h-screen flex flex-col mt-5">
-      <div className="flex-1 grid grid-cols-1 lg:grid-cols-[1fr_30%] mx-4 gap-4 lg:mx-14 lg:p-0">
+    <div className="bg-gray-50 dark:bg-gray-800 w-screen min-h-[70vh] flex flex-col my-5">
+      <div className="flex-1 grid grid-cols lg:grid-cols-[1fr_30%] mx-4 gap-4 lg:mx-14 lg:p-0">
         <Board board={board} />
 
         <SideMenu bots={bots} boardId={boardId} onBoardChange={onBoardChange} />

frontend-typescript/src/hooks/useBoard.ts

@@ -94,10 +94,18 @@ export type GameObjectType =
   | 'DummyBotGameObject'
   | 'BaseGameObject'
   | 'BotGameObjectBaseGameObject'
+  | 'DummyBotGameObjectBaseGameObject'
   | 'BaseGameObjectBotGameObject'
+  | 'BaseGameObjectDummyBotGameObject'
   | 'DiamondGameObjectBotGameObject'
+  | 'DiamondGameObjectDummyBotGameObject'
   | 'BotGameObjectDiamondGameObject'
-  | 'TeleportGameObject';
+  | 'DummyBotGameObjectDiamondGameObject'
+  | 'TeleportGameObject'
+  | 'TeleportGameObjectBotGameObject'
+  | 'TeleportGameObjectDummyBotGameObject'
+  | 'DummyBotGameObjectTeleportGameObject'
+  | 'BotGameObjectTeleportGameObject';
 
 export interface IDiamond {
   points: number;