Fix(App): Use NC components

[DorraJaouad]

• Added @nextcloud/dialogs to dependencies to inform user when there is an error.
• Relaced native HTML elements with NC components in App components.
• Fixed name attr.

Before	After

[DorraJaouad]

/backport 1746255 62e07b1 to stable28

[nickvergessen]

you need to commit the compiled JS assets

npm ci && npm run build

or you summon the bot with a comment: /compile /

[DorraJaouad]

I was waiting for a confirmation to nothing to change before I compile

[DorraJaouad]

/compile /

[DorraJaouad]

/compile /

[nickvergessen]

While on it change the screenshot in https://github.com/nextcloud/bruteforcesettings/tree/master/screenshots ?

[DorraJaouad]

While on it change the screenshot in master/screenshots ?

Yes I will

[backportbot]

The backport to stable28 failed. Please do this backport manually.

# Switch to the target branch and update it
git checkout stable28
git pull origin stable28

# Create the new backport branch
git checkout -b backport/551/stable28

# Cherry pick the change from the commit sha1 of the change against the default branch
# This might cause conflicts, resolve them
git cherry-pick 17462559 62e07b14

# Push the cherry pick commit to the remote repository and open a pull request
git push origin backport/551/stable28

Error: Failed to cherry pick commits: error: no cherry-pick or revert in progress
fatal: cherry-pick failed

---

Learn more about backports at https://docs.nextcloud.com/server/stable/go.php?to=developer-backports.