하나랑 - 자매 노드 관리

The code below contains a design. This design should be used to create a new app or be added to an existing one. Look at the current open project to determine if a project exists. If no project is open, create a new Vite project then create this view in React after componentizing it. If a project does exist, determine the framework being used and implement the design within that framework. Identify whether reusable components already exist that can be used to implement the design faithfully and if so use them, otherwise create new components. If other views already exist in the project, make sure to place the view in a sensible route and connect it to the other views. Ensure the visual characteristics, layout, and interactions in the design are preserved with perfect fidelity. Run the dev command so the user can see the app once finished. ``` 하나랑 - 자매 노드 관리

하랑 (Primary)

Uptime

342:12:05

CAPACITY HISTORY (24H)

LOAD INDEX84.2%

SYNC LOG

14:05:22SUCCESS

13:55:01SUCCESS

13:44:10SUCCESS

나랑 (Secondary)

Uptime

112:44:21

CAPACITY HISTORY (24H)

LOAD INDEX48.7%

SYNC LOG

14:02:11SUCCESS

13:51:44SUCCESS

13:40:02SUCCESS

다랑 (Standby)

Last Active

02:15:00 ago

CAPACITY HISTORY (24H)

LOAD INDEX0.0%

SYNC LOG

14:00:00IDLE

13:45:00IDLE

13:30:00IDLE

이랑 (Sync)

Queue Depth

12 PKTS

CAPACITY HISTORY (24H)

LOAD INDEX15.2%

SYNC LOG

14:06:01SYNCING

14:05:45SYNCING

14:05:30SYNCING

```