feat: init split layouts

components/teams/Edit.vue

@@ -7,7 +7,7 @@
     <template #body>
       <ul>
         <li>
-          <div class="row-wrapper">
+          <div class="flex flex-1">
             <label>{{ $t("label") }}</label>
           </div>
         </li>
@@ -25,7 +25,7 @@
       </ul>
       <ul>
         <li>
-          <div class="row-wrapper">
+          <div class="flex flex-1">
             <label for="memberList">{{ $t("team_member_list") }}</label>
             <div></div>
           </div>

components/teams/Team.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="row-wrapper">
+  <div class="flex flex-1">
     <div>
       <ButtonSecondary
         v-tippy="{ theme: 'tooltip' }"

components/teams/index.vue

@@ -23,7 +23,7 @@
       :editingteam-i-d="editingteamID"
       @hide-modal="displayModalEdit(false)"
     />
-    <div class="row-wrapper">
+    <div class="flex flex-1">
       <div>
         <ButtonSecondary
           icon="add"