style(webapp): reorder imports

src/App.vue

@@ -8,6 +8,7 @@
 </template>
 
 <script setup lang="ts">
+import { INavigationEntry } from './interfaces/navigation-entry.interface';
 import {
   IdentificationIcon,
   LibraryIcon,
@@ -16,7 +17,6 @@ import {
   TrendingUpIcon,
   UserIcon,
 } from '@heroicons/vue/outline';
-import { INavigationEntry } from './interfaces/navigation-entry.interface';
 import MoleculeNavigationDrawer from './components/molecules/MoleculeNavigationDrawer.vue';
 
 const drawerId = 'default-drawer';
@@ -59,4 +59,5 @@ const navigationEntries: INavigationEntry[] = [
 </script>
 
 <style lang="scss" scoped>
+
 </style>

src/components/atoms/AtomCurrencyInput.vue

@@ -12,7 +12,6 @@
 
 <script lang="ts" setup>
 import AtomInput from './AtomInput.vue';
-
 </script>
 
 <style lang="scss" scoped>

src/components/molecules/MoleculeAddAccountModal.vue

@@ -65,11 +65,11 @@
 </template>
 
 <script lang="ts" setup>
-import { CheckCircleIcon, XCircleIcon } from '@heroicons/vue/outline';
-import AtomModal from '../atoms/AtomModal.vue';
-import AtomInput from '../atoms/AtomInput.vue';
-import AtomSelect from '../atoms/AtomSelect.vue';
 import { ref } from 'vue';
+import { CheckCircleIcon, XCircleIcon } from '@heroicons/vue/outline';
+import AtomInput from '../atoms/AtomInput.vue';
+import AtomModal from '../atoms/AtomModal.vue';
+import AtomSelect from '../atoms/AtomSelect.vue';
 
 const firstName = ref('');
 

src/components/molecules/MoleculeDataTable.vue

@@ -49,7 +49,6 @@ import { CurrencyService } from '../services/currency.service';
 import { DateService } from '../services/date.service';
 import { CurrencyDollarIcon, DocumentTextIcon } from '@heroicons/vue/outline';
 
-
 defineProps({
   tableHeaders: {
     type: Array as PropType<{ title: string, key: string, type: TableHeaderType }[]>,

src/components/molecules/MoleculeInputModal.vue

@@ -34,10 +34,10 @@
 </template>
 
 <script lang="ts" setup>
-import { CheckCircleIcon, XCircleIcon } from '@heroicons/vue/outline';
-import AtomModal from '../atoms/AtomModal.vue';
-import AtomCurrencyInput from '../atoms/AtomCurrencyInput.vue';
 import { ref } from 'vue';
+import { CheckCircleIcon, XCircleIcon } from '@heroicons/vue/outline';
+import AtomCurrencyInput from '../atoms/AtomCurrencyInput.vue';
+import AtomModal from '../atoms/AtomModal.vue';
 
 const input = ref();
 const abortButton = ref();

src/components/molecules/MoleculeTransactionTable.vue

@@ -35,9 +35,9 @@
 
 <script lang="ts" setup>
 import { PropType } from 'vue';
-import { ITransaction } from '../../interfaces/transaction.interface';
 import { CurrencyService } from '../services/currency.service';
 import { DateService } from '../services/date.service';
+import { ITransaction } from '../../interfaces/transaction.interface';
 
 defineProps({
   transactions: {