Add option to display channel groups as list instead of grid

[cern1710]

What is it?

• Bugfix (user facing)
• Feature (user facing)
• Codebase improvement (dev facing)
• Meta improvement to the project (dev facing)

Description of the changes in your PR

• Created a list view for channel groups in the subscriptions page
• Added a toggle button to toggle between the original card view to the newly added one
• Unlike sort, toggle button will exist at all times
• The newly formatted buttons conforms to the same logic as the ones previously. All existing buttons work as intended as they should and will automatically update the ones on the other display format when toggled

Before/After Screenshots/Screen Record

• Before:
  

• After:
  
  

Fixes the Following issue:

• Fixes: Add option to display channel groups as list instead of grid #8605

APK testing

The APK can be found by going to the "Checks" tab below the title. On the left pane, click on "CI", scroll down to "artifacts" and click "app" to download the zip file which contains the debug APK of this PR.

Due diligence

• I read the contribution guidelines.

[cern1710]

Depending on the maintainers' decision, this could also fix #8913.

[SameenAhnaf]

For list view, include position holder on the right of group names. There's no need of separate option for rearranging positions.

For grid view, limit 3 groups for every line like YouTube app layout. Instead of squishing name into a single box, use marquee option.

For both list and grid view, replace Rearrange icon on the right of top bar with + New icon in the end. (See first screenshot for reference).

[cern1710]

@SameenAhnaf I will fix this ASAP. Thanks for the response.

[opusforlife2]

@cernunnos1710 Why did you delete the branch and close the PR?

When discussing UI changes, it is better to try things out in your local repo and then post screenshots directly. If you go to all the effort of opening another PR, and yet more changes are suggested, then that means your time is wasted.

[cern1710]

Oops! I accidentally deleted this PR. I wanted to create a new branch which is why I deleted this branch, sorry. Should I create a new PR?

[opusforlife2]

You can post your latest screenshots in the issue itself before opening any PR. It will mean less effort on your part.

Edit: creating a new branch is okay. If you check our contributor guidelines, we do advise to name your branch something relevant.

[cern1710]

Okay understood. Thanks!