Extract dimension values into resource files

Nobody has claimed this yet.

## The Issue
Most layouts are using hard-coded dimension values and font sizes. Although this is not a problem with current layouts, as they are not optimized for any screen size/pixel density, in order to improve how app looks in larger screen devices -like tablets and TVs-, it helps to be able to set those dimensions accordingly instead of having to duplicate layouts and changing the hard-coded dimensions on the new ones.

### Steps to reproduce
1. Open the app on different screen density devices

### Expected behaviour
Layout is optimized
### Actual behaviour
Tell us what happeEverything looks wrong, specifically text size, which seems too much small on larger screen devices, wasting a lot of space

### Related Issues
#693 and #798

## Internal Use

### Acceptance Criteria
1.
2.
3.

### Definition of Done
- [ ] Tested against acceptance criteria
- [ ] Tested against the assumptions of the user story
- [ ] The project builds without errors
- [ ] Unit tests are written and passing
- [ ] Tests on devices/browsers listed in the issue have passed
- [ ] QA performed & issues resolved
- [ ] Refactoring completed
- [ ] Any configuration or build changes documented
- [ ] Documentation updated
- [ ] Peer Code Review performed

The issue does not name specific files or tests; start by locating the app's layout files and existing dimension or font resource files. Determine which hard-coded values need extraction and how screen density is currently handled. Done means the layouts use resource-based dimensions, larger-density devices are improved, and the project builds with relevant tests passing.

Written by the indexing model from the issue text.