change 'X' in sidebars to '🗙'

src/components/StationSidebar.vue

@@ -1,6 +1,6 @@
 <template>
 <div id="sidebarDiv">
-    <div v-on:click="store.setDisplaySelectedStation(false)" id="xButton">X</div>
+    <div v-on:click="store.setDisplaySelectedStation(false)" id="xButton">🗙</div>
     <h2>Station Code: {{ store.selectedStation["StationCode"][0] }}</h2>
     <div id="sidebarHeader">
         <img id="headerImage" src="../assets/station.png" alt="Station Icon">
@@ -142,4 +142,4 @@ export default {
   }
 
 }
-</style>
+</style>

src/components/TrainSidebar.vue

@@ -1,6 +1,6 @@
 <template>
   <div id="sidebarDiv">
-    <div v-on:click="store.setDisplaySelectedTrain(false)" id="xButton">X</div>
+    <div v-on:click="store.setDisplaySelectedTrain(false)" id="xButton">🗙</div>
     <h2 style="padding: 10px;">Train Code: {{ store.selectedTrain["TrainCode"][0] }}</h2>
       <div id="sidebarHeader">
         <p id="originDiv">Origin:<br> {{ store.selectedTrain["Origin"][0] }}</p>