New manual add design

[allisonking]

🚨 do not merge as this is only half of a feature 🚨

Closes #2434

Code Changes

• Remove the old manual system flow (cleans up a lot of the config wizard slice)
• New SystemCatalog component which renders the connectors list (for now). /add-systems/new
• Update search bar to include a clear button
• Fixes bug where editing a system via /system/configure had "back" buttons which did nothing
• Update cypress tests

Steps to Confirm

• Visit /add-systems and click "Add a system"
• Click around the list of system types. When you click into them, they should render their system type and logo
• Create a system without a system type. It should say "Describe your new system" with the Ethyca logo as a placeholder
• Test out search
• You may also want to test out editing a system ("View system" --> click on ellipsis for more actions on a system card --> "Edit"). This had some weird behavior on main which I updated. Note that this page looks different in nav v1 and nav v2

Pre-Merge Checklist

• All CI Pipelines Succeeded
• Documentation:
  • documentation complete, PR opened in fidesdocs
  • documentation issue created in fidesdocs
• Issue Requirements are Met
• Relevant Follow-Up Issues Created
  • The search bar might be a little complex, so I pulled it out Search bar in UI should support dropdown completion #2534
  • The breadcrumbs across the app are inconsistent. The design wanted this page's breadcrumbs on top of the header, which is what we want to move towards, but I didn't want to only have this one's breadcrumbs on top. So here's a ticket to move them all together. Move all breadcrumbs above page headers #2532
• Update CHANGELOG.md

Description Of Changes

Screen.Recording.2023-02-07.at.3.22.44.PM.mov

Search when there are no results

Screen.Recording.2023-02-07.at.3.24.54.PM.mov

[codecov]

Codecov Report

Base: 86.46% // Head: 86.46% // No change to project coverage 👍

Coverage data is based on head (9c66f38) compared to base (72b5dfe).
Patch has no changes to coverable lines.

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #2530   +/-   ##
=======================================
  Coverage   86.46%   86.46%           
=======================================
  Files         289      289           
  Lines       15984    15984           
  Branches     2026     2026           
=======================================
  Hits        13821    13821           
  Misses       1779     1779           
  Partials      384      384           

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

☔ View full report at Codecov.
📢 Do you have feedback about the report comment? Let us know in this issue.

[TheAndrewJackson]

Everything is working well! I think I may have found a small css issue with the clear button on the search bar. It looks like the is overlaying on top of the inputs border.

Pretty minor though. Are you seeing this locally?

[allisonking]

Everything is working well! I think I may have found a small css issue with the clear button on the search bar. It looks like the is overlaying on top of the inputs border.

Pretty minor though. Are you seeing this locally?

You've got sharp eyes! 🦅 👁️

looks like I can adjust the width and height by 95% to avoid the focus state overlapping:

focused:

unfocused:

[cypress]

Passing run #387 ↗︎

0	3	0	0	0
⚠️ You've recorded test results over your free plan limit. Upgrade your plan to view test results.

Details:

Merge 9c66f38 into 72b5dfe...
Project: fides	Commit: fac180bb6b ℹ️
Status: Passed	Duration: 00:38 💡
Started: Feb 24, 2023 3:57 PM	Ended: Feb 24, 2023 3:58 PM

_{This comment has been generated by cypress-bot as a result of this project's GitHub integration settings.}

[TheAndrewJackson]

Thanks for fixing that styling issue! 🚀