refactor country setup page to use setup panel component

app/src/views/Setup/Country.vue

@@ -1,38 +1,23 @@
 <template>
-  <v-container
+  <setup-panel
-    class="_fill-height"
+    back
-    fluid
+    @back="stepBack"
   >
-    <div>
+    <template #icon>
-      <v-btn
+      $language
-        text
+    </template>
-        color="primary"
-        class="px-0"
-        @click="stepBack"
-      >
-        <v-icon>$prev</v-icon>
-        Back
-      </v-btn>
-    </div>
 
-    <v-row
+    <template #headline>
-      no-gutters
-      justify="center"
-    >
-      <v-col
-        lg="5"
-        md="6"
-        sm="8"
-      >
       <template v-if="currentStep === 0">
-          <!-- country -->
-          <v-card flat>
-            <v-card-title
-              class="display-1 font-weight-bold mb-12 px-0 justify-center text-center"
-            >
         Select Your Country or Region
-            </v-card-title>
+      </template>
+      <template v-else-if="currentStep === 1">
+        Select Your Timezone
+      </template>
+    </template>
 
+    <template v-if="currentStep === 0">
+      <!-- country -->
       <v-list class="pa-0">
         <template v-for="(country, code) in availableCountries">
           <div :key="code">
@@ -52,15 +37,10 @@
           </div>
         </template>
       </v-list>
-          </v-card>
     </template>
 
     <template v-else-if="currentStep === 1">
       <!-- timezone if needed -->
-          <v-card flat>
-            <v-card-title class="display-1 font-weight-bold mb-12 px-0 justify-center text-center">
-              Select Your Timezone
-            </v-card-title>
 
       <v-list class="pa-0">
         <template v-for="(zone, i) in availableTimeZones">
@@ -81,20 +61,18 @@
         </template>
         <v-divider />
       </v-list>
-          </v-card>
     </template>
-      </v-col>
+  </setup-panel>
-    </v-row>
-  </v-container>
 </template>
 
 <script>
   import { mapState, mapActions, mapMutations } from 'vuex'
-  //  import apiDevice from '@/api/device'
   import { countries } from 'countries-list'
   import timezones from 'countries-and-timezones'
+  import SetupPanel from '@/components/Setup/BasePanel'
 
   export default {
+    components: { SetupPanel },
     data: () => ({
       currentStep: 0,