fix: use native haptic plugin and remove semicolons

components/connection/ServerConnectForm.vue

@@ -77,7 +77,6 @@
 
 <script>
 import { Dialog } from '@capacitor/dialog'
-import { Haptics, ImpactStyle } from '@capacitor/haptics';
 
 export default {
   data() {
@@ -133,7 +132,7 @@ export default {
       }
     },
     async connectToServer(config) {
-      await Haptics.impact({ style: ImpactStyle.Medium });
+      await this.$hapticsImpactMedium()
       console.log('[ServerConnectForm] connectToServer', config.address)
       this.processing = true
       this.serverConfig = {
@@ -161,7 +160,7 @@ export default {
     },
     async removeServerConfigClick() {
       if (!this.serverConfig.id) return
-      await Haptics.impact({ style: ImpactStyle.Medium });
+      await this.$hapticsImpactMedium()
 
       const { value } = await Dialog.confirm({
         title: 'Confirm',
@@ -193,7 +192,7 @@ export default {
       this.showAuth = true
     },
     async newServerConfigClick() {
-      await Haptics.impact({ style: ImpactStyle.Medium });
+      await this.$hapticsImpactMedium()
       this.serverConfig = {
         address: '',
         userId: '',