styling(board): illustration when no departures (#1525)

* styling(board): illustration when no departures

* styling(board): justify center

* styling(board): image size

next-tavla/src/Board/scenarios/Table/index.tsx

@@ -10,9 +10,10 @@ import { AimedTime } from './components/Time/AimedTime'
 import { ArrivalTime } from './components/Time/ArrivalTime'
 import { Platform } from './components/Platform'
 import { ExpectedTime } from './components/Time/ExpectedTime'
-import { Deviation } from './components/Deviation'
 import { Line } from './components/Line'
 import { StopPlaceDeviation } from './components/StopPlaceDeviation'
+import Image from 'next/image'
+import leafs from 'assets/illustrations/Leafs.png'
 
 function Table({
     departures,
@@ -30,6 +31,18 @@ function Table({
             </div>
         )
 
+    if (departures.length === 0)
+        return (
+            <div className="flex flex-col items-center justify-center text-center h-full w-full text-em-sm">
+                <Image
+                    src={leafs}
+                    alt=""
+                    className="h-[15em] w-[15em] aspect-square"
+                />
+                Ingen avganger de neste 24 timene.
+            </div>
+        )
+
     return (
         <div className="flex flex-col">
             <StopPlaceDeviation situations={situations} />