After the results of both usability testings some UX/UI improvements has been designed in order to create a more complete and user friendly application. This changes imply the update on all screens of the app and will most likely close the scope of the current spike.

### Focus

Work packages list

### Current implementation

OpenProject version 0.0.39

<img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116036/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116037/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116038/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116039/content">

### Acceptance criteria

* Begin of the insertion[x]End of the insertion Begin of the deletion [ ]End of the deletion Ensure the project selector on the top navigation bar uses a 16px font in Medium, fgColor-onEmphasis.
* Begin of the insertion[x]End of the insertion Begin of the deletion [ ]End of the deletion Update the Octicons used in the bottom bar to use _home-24, op-view-list-24_ and _bell-24._
* Begin of the insertion[x]End of the insertion Begin of the deletion [ ]End of the deletion The [screen to select the project](https://www.figma.com/design/arGHBRVi6WLJDLTv0YoOoo/Mobile-App---Spike?node-id=1085-263797&t=fMvAXNkqOl5XEgPG-4) you want to see the work packages from is missing in the flow as it selects by default the first project in the list.
* Begin of the insertion[x]End of the insertion Begin of the deletion [ ]End of the deletion The view selection (eg. _All open_) seems to be broken as it appears on the middle of the screen. A divider is missing between this view selector and the beginning of the list as [designed here](https://www.figma.com/design/arGHBRVi6WLJDLTv0YoOoo/Mobile-App---Spike?node-id=1085-263254&t=fMvAXNkqOl5XEgPG-4). Also, the change of colour to light blue on scroll is not necessary, it can be maintained with a white background.
* Begin of the insertion[x]End of the insertion Begin of the deletion [ ]End of the deletion Make sure the view selection is returning the default view queries created from the instance: _All open, Latest activity, Recently created, Overdue, Created by me, Assigned to me, Shared with users_ and _Shared with me_. A separate work package will be created after the rework on <mention class="mention" data-id="55350" data-type="work_package" data-text="#55350">#55350</mention> to ensure pinned and favourite views to appear here.
* Begin of the insertion[x]End of the insertion Begin of the deletion [ ]End of the deletion When using the project slector, if there is only few projects limit the height of the bottom sheet. Also review the font size and weights of the list in the bottom sheet to match [the designs](https://www.figma.com/design/arGHBRVi6WLJDLTv0YoOoo/Mobile-App---Spike?node-id=1085-263422&t=fMvAXNkqOl5XEgPG-4).
* Begin of the insertion[x]End of the insertion Begin of the deletion [ ]End of the deletion The spacing and fonts of the work packages seems to not be the same as in [the designs specified](https://www.figma.com/design/arGHBRVi6WLJDLTv0YoOoo/Mobile-App---Spike?node-id=127-21264&t=fMvAXNkqOl5XEgPG-4). Double check font sizes and weights and spacings and sizes of elements (eg. size of the avatar). This will of course also affect the scope of <mention class="mention" data-id="56695" data-type="work_package" data-text="#56695">#56695</mention>.
* Begin of the insertion[x]End of the insertion Begin of the deletion [ ]End of the deletion Implement a long press selection to do bulk edit and mark as read similar to what Gmail does. See the [mockups for the concept here](https://www.figma.com/design/arGHBRVi6WLJDLTv0YoOoo/Mobile-App---Spike?node-id=952-34138&t=xi3CAOiSg42CS7Ei-4). (related to <mention class="mention" data-id="56760" data-type="work_package" data-text="#56760">#56760</mention>)

### Figma and visuals

https://www.figma.com/design/arGHBRVi6WLJDLTv0YoOoo/Mobile-App---Spike?node-id=1085-263253