Implement Browse view

[eboileau]

Aims/objectives.

A base Browse view is implemented. This issue tracks more todos, questions, etc. as we're integrating server-side into the app.

A clear and concise description of todo items.

Browse View tasks

---

Functionality

• Link DOI, PMID where available. What to show in Dialog?
• Status (public, restricted). We first need to implement authentication and authorization into a secure API.
• Test export (w/ filters).

Bug/Questions

• InputText (icons can be placed inside an input element by wrapping both the input and the icon with an element that has either .p-input-icon-left or .p-input-icon-right class) icon not working, probably due to unstyle mode? Check this old issue. Check also this.
• Add a selection (add to basket) functionality for logged-in users, allowing to save dataset for reference and future use. We first need to implement authentication and authorization into a secure API.

Styling

• Row Group by SMID.
• Dialog overflows for title and/or summary. Check Long Content, Maximizable, and/or Responsive, or use instead a dialog specific to e.g. SMID and EUFID, or and OverlayPanel. Add missing doi/pmid. Published remove time (also from added?)
• How to display dataset-specific additional information such as that included in the bedRMod header (see point above)?
• Divider color (redefine).
• Harmonize buttons (hover, border, etc.) - across views.
• Sizing rows or columns, accessibility.

[eboileau]

I don't think grouping by SMID would make the app more appealing or easier to use, we can just filter the table to recover dataset from a given project. In all cases, this can be implemented later.

The Dialog looks fine now, we can customize later on demand, e.g. adding bedRMod header, etc. but see #63.

[eboileau]

Remaining todos moved to their own respective issues.