feat: add seedlot navigator in seedlot dashboard

[xiaopeng0202]

Description

Closes #1626

Changelog

New

• added go to seedlot button in seedlot dashboard and my seedlot page

Changed

• refactored and created seedlot navigator component

How was this tested?

• 🧠 Not needed
• 👀 Eyeball
• 🤖 Added tests

---

Thanks for the PR!

Deployments, as required, will be available below:

• Frontend
• Backend
• Oracle-API

Please create PRs in draft mode. Mark as ready to enable:

• Analysis Workflow

After merge, new images are deployed in:

• Merge Workflow

---

Thanks for the PR!

Deployments, as required, will be available below:

• Frontend
• Backend
• Oracle-API

Please create PRs in draft mode. Mark as ready to enable:

• Analysis Workflow

After merge, new images are deployed in:

• Merge Workflow

[mgaseta]

I think this task was to add the seedlot navigator to "My Seedlots" page, not to the "Seedlot Dashboard", can you confirm @SLDonnelly and @kevinginley ?

[xiaopeng0202]

I think this task was to add the seedlot navigator to "My Seedlots" page, not to the "Seedlot Dashboard", can you confirm @SLDonnelly and @kevinginley ?

We will add the component in both my seedlot and seedlot dashboard page

[kevinginley]

@xiaopeng0202 @mgaseta

On my screen there are some finicky alignment issues (fyi I'm using Chrome)

Ideally the right edge of the "Go to seedlot" button would align with the right edge of the table, whereas here it is spilling outside of the table, which added a scrollbar to the bottom of my screen.

At the smallest breakpoint:

• could you please add some padding between the "Go to seedlot" button and the field above it
• and align the left edge of the "Go to seedlot" button with the left edge of the "Register a new seedlot"

As I'm playing around with the responsiveness, is there a way to consistently make the right edge of the "Register a new seedlot" button align with the right edge of the "Go to seedlot" button

Thank you!

[RMCampos]

Great job! Just a small suggestion for the regex and some styling issues :) 💯

[RMCampos]

Styling issues

• My Seedlots

Can we improve this component on "My Seedlots" page? I can see it kind of sticking to the left menu, looking quite weird.

• Fix title and subtitle according to page

I'm at the Seedlots page, and I still can see the review title and subtitle:

That's all =D great job!

[kevinginley]

The alignments are looking good, thank you!

Is there a way we could get consistent padding between the field and the "Go to seedlot button" between the different breakpoints?

Here we have quite a bit of space:

compared to:

But if it's going to be super tricky then I wouldn't worry about it.

[RMCampos]

@xiaopeng0202 nice. However I still can see "Review seedlot" at the Seedlots page.

[RMCampos]

Need to fix the title.

[RMCampos]

All clear! Great job Xiao! 💯

on vacation