Content flag send selection category

[pelumy]

Issues covered

#1499
Part 2 of #1489

Description

This PR includes the functionality to choose how to flag a content in the new moderation flow.

How to test

1. Build the app
2. Click the side menu
3. Click the Settings on the side menu
4. Scroll down to turn on the toggle for new moderation flow
5. Go back to the Feed screen by clicking the feed tab at the bottom of the screen
6. Click on the 3 dots on one of the notes.
7. Select Flag this content option.
8. Select an option from the categories displayed.
9. Please confirm that new categories on how to flag a content shows up under the first category.

Screenshots/Video

Screen.Recording.2024-09-19.at.2.46.08.PM.mov

[mplorentz]

I didn't get a chance to do a really thorough review yet but overall this is looking very good! I had one very minor request below. Other than that I think we could merge this (although I see it depends on another PR which still has a requested change).

[pelumy]

I didn't get a chance to do a really thorough review yet but overall this is looking very good! I had one very minor request below. Other than that I think we could merge this (although I see it depends on another PR which still has a requested change).

All requested changes in the previous branch has been made, I didn't want to tag @joshuatbrown today for a final PR since he is OOO.

[joshuatbrown]

Overall, this is looking great. I think we could make a couple small UI improvements in addition the inline comment I made.

1. The descriptions at the top are being centered but should be left-aligned
2. There's a little extra space at the bottom of the box that says "The Nos moderation team..."

[joshuatbrown]

Suggested change

Suggesting we remove the extra line here since we try to keep our doc comments right above the thing they're documenting.

[pelumy]

Alrighty

[pelumy]

Overall, this is looking great. I think we could make a couple small UI improvements in addition the inline comment I made.

1. The descriptions at the top are being centered but should be left-aligned
2. There's a little extra space at the bottom of the box that says "The Nos moderation team..."

@joshuatbrown, figma has a little extra space at the bottom for point 2. Thanks for catching 1, I have added a fix for it.

https://www.figma.com/design/s0qf4VmyQygydP8MIQazZc/Nos?node-id=8505-13706&t=6hmFfcSIzeUDOzt4-4

[joshuatbrown]

@pelumy you're absolutely right -- there is some extra space at the bottom in Figma. Good catch. This is looking perfect!