enh(circle-details): adjust action buttons on edit mode and cropper dialog

[cristianscheid]

• Follow-up of: feat(circle-details): allow setting avatar image for circle #5293

Summary

• adress suggestions made by @kra-mo for circles details section

Screenshots

[codecov]

Codecov Report

❌ Patch coverage is 0% with 4 lines in your changes missing coverage. Please review.

Files with missing lines	Patch %	Lines
src/components/CircleDetails.vue	0.00%	4 Missing ⚠️

📢 Thoughts on this report? Let us know!

[cristianscheid]

As a side note, I was able to make the dialog not expand on mobile and look like it does for bigger screens, but that required a bunch of modifications on NcDialog component's style, so I left it out of this PR.

• For reference, in case we are fine with those modifications, I was able to achieve it with this CSS :

<style lang="scss">
.circle-avatar-cropper-dialog .modal-wrapper--small .modal-container {
	width: 324px !important;
}

@media only screen and (max-width: 512px) {
    .circle-avatar-cropper-dialog .modal-wrapper--small .modal-container {
        height: fit-content !important;
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        border-radius: var(--border-radius-large) !important;
		
		.modal-container__content .dialog__name {
			text-align: center !important;
		}
    }
}
</style>

• With styles above, it looked like this:

[kra-mo]

in case we are fine with those modifications

No, I understand, if it's overcomplicating it, then it's not worth it.

Then my only ask is to vertically center the cropping widget in the mobile dialog.

The rest looks really nice, thanks!

[cristianscheid]

Then my only ask is to vertically center the cropping widget in the mobile dialog.

Done. Screenshots on main comment updated.