UI: Breadcrumb section for BTR standalone page

[steveburtch]

Breadcrumb section has the same content and design as the standard BCROS breadcrumb found in the Business Registry. We require a nuxt.js/tailwind version for the BTR standalone page.

Design Ticket:
https://app.zenhub.com/workspaces/design-team-space-6144b1bb15dbac0013e68828/issues/gh/bcgov/entity/17972

Instructions:
Do initial spike to figure out best approach
Include method of calculating breadcrumb path

Acceptance:
Refer to behaviour of standard BCROS breadcrumb.

Details (from dev)

• spike for best approach
  • figure out suggested approach
    • main app defines its own breadcrumbs (later could make at least some of these shared) via util (needs to use config / route so must evaluate at time of page load NOT app init -- reason for constructors instead of evaluated objects)
      • identifier in path set by route param
      • business name in breadcrumb set by new useBusiness store (queries legal-api with identifier)
    • main app defines router options (including meta for each page which includes breadcrumbs)
    • layout, shows if breadcrumbs provided in meta data for current page
    • alternative: pass crumbs in as props (logic for which breadcrumbs to show would be in app.vue)
  • review with devs
• build breadcrumb component
  • start from director search version
  • rewrite html for tailwind
  • refactor logic as needed for nuxt / simplifications (i.e. change routing to useNavigate -- also this should use navigateTo)
  • plug in to layout
• add 1st iteration of useBcrosBusiness store to collect business name (future: business details will use this)
  • config for legal api
  • basic business state structure
  • call for business info slim json with passed in identifier
  • integrate with business name breadcrumb
• add breadcrumbs to main app
  • setup middleware / route stuff
  • update main page structure to be owner change page / redirected to for now
  • create main app util for constructing breadcrumbs based on config and route
    • reg home dash
    • business dash
    • business identifier
    • owner change
• tests
  • main app
    • vitests (app)
    • cypress (layout -> breadcrumb)
  • layout
    • cypress (breadcrumb)
  • common
    • vitest (business store)

[steveburtch]

Hey team! Please add your planning poker estimate with Zenhub @gunanagar @hfekete @kialj876 @patrickpeinanw @thorwolpert

[gunanagar]

Looks good.