- aded npm packages @types/qrcode, qrcode and node-f2a

- corrected UsersController.ts and RoleController.ts with correct routes for settings
- added migration script and ui and Controller for 2 Factor Authentication
- npm updates

resources/js/Components/Map/map.component.vue

@@ -1,9 +1,11 @@
 <template>
     <div style="position: relative">
         <!-- <Map className="h-36" :center="state.center" :zoom="state.zoom"> // map component content </Map> -->
-        <div :id="mapId" class="map-container mapDesktop rounded">
-            <ZoomControlComponent ref="zoom" :mapId="mapId"></ZoomControlComponent>
-            <DrawControlComponent ref="draw" :mapId="mapId" :southWest="southWest" :northEast="northEast"></DrawControlComponent>
+        <div :id="mapId" class="rounded">
+            <div class="dark:bg-slate-900 bg-slate flex flex-col">
+                <ZoomControlComponent ref="zoom" :mapId="mapId" />
+                <DrawControlComponent ref="draw" :mapId="mapId" :southWest="southWest" :northEast="northEast" />
+            </div>
         </div>
     </div>
 </template>
@@ -242,11 +244,19 @@ export default class MapComponent extends Vue {
 }
 </script>
 
-<style lang="css">
-.leaflet-container {
-    height: 600px; /* <-- map height */
+<style scoped lang="css">
+/* .leaflet-container {
+    height: 600px;
     width: 100%;
+    background-color: transparent;
+    outline-offset: 1px;
+} */
+.leaflet-container {
+    height: 600px;
+    width: 100%;
+    background: none;
 }
+
 .leaflet-pane {
     z-index: 30;
 }