Remove Breadcrumbs component

[MarcelRobitaille]

• Remove the troublesome Breadcrumbs component.
• Show the "location" (recipe name, category name, etc) in an h2. Consistently show the "mode" where applicable (Viewing category, Viewing recipe, Editing recipe). Previously, "Edit" was shown when editing, but nothing was shown when viewing. This should be more clear and consistent.
• Move all of the buttons to the right of the bar. Each page should have a primary button (Edit, Save, Search) and all the rest go into an overflow 3-dot menu

To-do:

• Fix translations. "Save changes" was changed to "Save". "Edit recipe" was changed to "Edit". Some new strings were added: "Viewing recipe", "Editing recipe", "Creating new recipe"

Fixes #281
Fixes #896

Peek.2022-07-23.16-57.mp4

[github-actions]

Unit Test Results

     36 files       36 suites   10m 46s ⏱️
   403 tests    403 ✔️ 0 💤 0 ❌
4 836 runs  4 836 ✔️ 0 💤 0 ❌

Results for commit 2fa266f.

♻️ This comment has been updated with latest results.

[christianlupus]

Hey, @MarcelRobitaille. I just tried with the result a bit. It is working great and incredibly. There is no glitch and I have the impression of a very clean UI.

I just found one thing: If the display gets narrow enough, the left menu slides away. However, there is no longer a button to enlarge the side menu (see image):

[MarcelRobitaille]

Hi @christianlupus. I am glad you like it.

I noticed that button was missing as well. It's missing in master though (screenshot below is with master checked out). There is a space for the button, but no button. I thought it was unrelated to this. Do you know why this would be? Knowing how it was taken out / how it was implemented before would help me add it back here.

[christianlupus]

It is a standard component. See the docs at https://nextcloud-vue-components.netlify.app/#/Components/App%20containers?id=appnavigation.

[MarcelRobitaille]

I found the problem. The old button was actually still there, but underneath the main content. I made my window narrow and did $0.click() on that button, and the navigation was also under the main content. There seems to have been a z-index change that caused the AppNavigation and the associated toggle button to go underneath the main content.

[christianlupus]

I have not worked my way through every single line but this seems working pretty well