- 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/FirstrunWizard/components/Page1.vue

@@ -13,11 +13,11 @@
                     :subtitle="'Collaborate and communicate across any platform.'">
                     <BriefcaseCheck :size="20" />
                 </Card> -->
-                <div class="max-w-60 h-fit box-border flex">
+                <div class="h-fit box-border flex">
 
-                    <!-- <div class="card__icon">
+                    <div class="card__icon">
                         <BriefcaseCheck :size="20" />
-                    </div> -->
+                    </div>
 
                     <div>
                         Discover the power of TethysCloud, the cutting-edge web backend solution that revolutionizes the way you
@@ -44,7 +44,8 @@
 import Card from './Card.vue'
 
 import SwapHorizontal from '@/Components/Icons/SwapHorizontal.vue';
-import AccountGroup from '@/Components/Icons/AccountGroup.vue'
+import AccountGroup from '@/Components/Icons/AccountGroup.vue';
+import BriefcaseCheck from '@/Components/Icons/BriefcaseCheck.vue'
 
 
 export default {
@@ -54,6 +55,7 @@ export default {
         Card,       
         SwapHorizontal,
         AccountGroup,
+        BriefcaseCheck
     },
 }
 </script>