[FR]: Provide an user-friendly UI in the main screen to modify hosts file

[lihenggui]

Is there an existing issue for this?

• I have searched the existing issues

Describe the problem

To enable users to effectively manage the hosts file, it's essential that we offer a user-friendly interface. This interface should provide clear insights into what the Blocker app is currently blocking and what remains unblocked in the list. And the user can remove any items in the list.

Describe the solution

1. 在feature组下创建一个新模块hosts，此模块中包含了修改hosts文件的基本用户界面
2. 在主界面下创建一个Hosts的tab item，用户点击之后应用需要导航到新页面。
3. 在这个新页面中，用户会看到可视化的hosts列表
   i. 这个列表的每一个项都代表hosts文件中的一行
   ii. 列表需要有两个基本信息：被封禁的域名，以及该条项目的状态（启用，禁用）
   iii. 需要提供一个删除按钮供用户删除此条hosts规则

---

1. Create a new module hosts under the feature group, it contains the user interface for managing the hosts file.
2. Create a new tab called 'hosts' in the main screen, when user clicks the bottom navigation bar, the application will navigate the user to the screen that can manipulate the hosts file.
3. The screen contains a list, that shows the current state of the hosts file
   i. Each item in the list represents a line in the hosts file
   ii. Each item contains at least two pieces of info: the domain being blocked, and the current state of this item (enabled or disabled)
   iii. Provide a delete icon for user to remove this rule in the hosts file

Additional context

No response