fix: modal placement

Signed-off-by: Svetoslav Borislavov <svetoslav.borislavov@limechain.tech>

Author: SvetBorislavov

front-end/src/renderer/components/Contacts/ContactDetails.vue

@@ -282,14 +282,13 @@ watch(() => props.contact, handleContactChange);
           :index="index"
           class="mt-4"
         />
-
-        <RenamePublicKeyModal
-          v-model:show="isUpdateNicknameModalShown"
-          :public-key-mapping="publicKeyMappingToEdit"
-          :public-key="publicKeyToEdit"
-          @change="handleFetchMapping"
-        />
       </div>
     </template>
+    <RenamePublicKeyModal
+      v-model:show="isUpdateNicknameModalShown"
+      :public-key-mapping="publicKeyMappingToEdit"
+      :public-key="publicKeyToEdit"
+      @change="handleFetchMapping"
+    />
   </div>
 </template>