Company show page FE

[epintozzi]

A logged-in user should be able to view the saved details of the companies they have saved, including links to the company's website and individual contacts (with placeholders until the contact show pages are ready). This issue will break down the tasks into manageable steps for implementation.

Details
The company url should link out to the companies website in a new tab. The other contacts at this company should link out to those individual show pages (eventually - those views might not exist yet). Hint: You might need to note a blocker here OR create a new issue that tells us to convert those to links after the show views are completed. I'd lean towards the second option personally.

Detailed view:

Empty State

• Create Saved Companies View for Logged-In User
  Task: Create a new page or component that displays the list of companies the user has saved.

Acceptance Criteria:

• The page shows the saved companies of the logged-in user.

• Each company displays relevant details, such as the company name, website URL, and contact list.

• Company URL Link
  Task: Make the company URL clickable and open the company’s website in a new tab.
  Acceptance Criteria:

• The company’s website URL is shown as a clickable link.

• When the user clicks the URL, it opens the company website in a new tab.

• Ensure the link opens correctly and is styled appropriately.

• Contacts at the Company
  Task: Display contacts for each company, showing their names, titles, and roles.
  Acceptance Criteria:

• A list of contacts for each company is displayed.

• Each contact’s name

• Link Contacts to Individual Show Pages (Placeholder for Now)
  Task: Create placeholder links for each contact that will eventually link to their individual show pages.
  Acceptance Criteria:

• Each contact has a placeholder link next to their name (e.g., “View Profile” or a similar label).

• These links currently point to a placeholder or a dummy route until the contact show pages are built.

• Ensure these links are styled consistently, such as with a button or underlined text.

• Handle Empty State for No Saved Companies
  Task: Display a clear empty state message if the user has no saved companies.
  Acceptance Criteria:

• If the user has no saved companies, an empty state message is shown.

• The message should clearly indicate that no companies are saved, with a possible prompt to encourage adding a company (e.g., "No companies saved. Start by adding your favorite companies!").

• Testing Links and Functionality
  Task: Test the functionality of the company website links and contact links (placeholder).
  Acceptance Criteria:

• Clicking the company URL should open the website in a new tab.

• Clicking on the placeholder contact links should not break the app and should navigate to a dummy or placeholder route for now.