Is your feature request related to a problem? Please describe.
Currently, the Experiment Collection part of the frontend is a bit messy. The code is confusing, typings are missing or incorrect, components are defined in other components. This could bite us in the back later on and I would like to prevent that.
Describe the solution you'd like
[x] Remove or start using unused interfaces like Score
[x] Move Score component out of the Header component into its own file
[x] Add typing to the Score component
[x] Move the useAnimatedScore hook outside of the Header component into its own file
[x] Move the Header component into the ExperimentCollection directory as it's only being used by the ExperimentCollectionDashboard component and shows collection-specific information.
Perhaps even rename it to something else as it is technically not a "Header" and especially not a site-wide Header. The root element uses the hero css class, so maybe the Hero component would be a better name.
[x] Make sure the score prop is used in ExperimentCollectionDashboard and pass it to the Header component, or remove it altogether as it seems to work without it as well.
Is your feature request related to a problem? Please describe. Currently, the Experiment Collection part of the frontend is a bit messy. The code is confusing, typings are missing or incorrect, components are defined in other components. This could bite us in the back later on and I would like to prevent that.
Describe the solution you'd like
ScoreScorecomponent out of theHeadercomponent into its own fileScorecomponentuseAnimatedScorehook outside of theHeadercomponent into its own fileHeadercomponent into theExperimentCollectiondirectory as it's only being used by theExperimentCollectionDashboardcomponent and shows collection-specific information.herocss class, so maybe theHerocomponent would be a better name.scoreprop is used inExperimentCollectionDashboardand pass it to theHeadercomponent, or remove it altogether as it seems to work without it as well.