WIP frontend: added now button

- align items on the same axis
- added svg for now button

Author: schmolldechse

frontend/src/components/svg/Clock.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+	let {width = "75px", height = "75px"} = $props();
+</script>
+
+<svg
+        {width}
+        {height}
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+>
+    <path d="M5.06152 12C5.55362 8.05369 8.92001 5 12.9996 5C17.4179 5 20.9996 8.58172 20.9996 13C20.9996 17.4183 17.4179 21 12.9996 21H8M13 13V9M11 3H15M3 15H8M5 18H10"
+          stroke="currentColor" stroke-width="2" stroke-linecap="round"
+          stroke-linejoin="round"/>
+</svg>

frontend/src/components/timetable/TimeTable.svelte

@@ -3,6 +3,7 @@
 	import StationSearch from "$components/StationSearch.svelte";
 	import type { Station } from "$models/station";
 	import TimePicker from "$components/timetable/TimePicker.svelte";
+	import Clock from "$components/svg/Clock.svelte";
 
 	let typeSelected: "departures" | "arrivals" = $state("departures");
 
@@ -48,17 +49,24 @@
 
 	<StationSearch onStationSelect={(station) => (stationSelected = station)} />
 
-	<div class="flex flex-col">
-		<span>Pick a time:</span>
-		<TimePicker onChangedDate={(newDate) => (dateSelected = newDate)} />
-	</div>
+    <div class="flex flex-row justify-between">
+        <TimePicker onChangedDate={(newDate) => (dateSelected = newDate)}/>
+
+        <div class="flex flex-row">
+            <button class="flex flex-row items-center bg-primary rounded-3xl px-2">
+                <Clock height="25px" width="25px" />
+                <span class="text-xl">Now</span>
+            </button>
 
-	<button
-		class="{stationSelected && dateSelected
+            <button
+                    class="{stationSelected && dateSelected
 			? 'bg-accent text-black'
-			: 'bg-primary text-text'} flex items-center justify-center rounded-md p-2 text-base font-bold text-background md:text-2xl"
-		onclick={gotoRequest}
-	>
-		Request
-	</button>
+			: 'bg-primary text-text'} flex items-center justify-center rounded-3xl px-4 text-base font-bold text-background md:text-2xl"
+                    onclick={gotoRequest}
+            >
+                Search
+            </button>
+        </div>
+    </div>
+
 </div>