Not asking for Code to the whole program just help understand to do a Column in a frame and a frame in a Column on a GUI in C# with visual studio 2022. No idea how this should look

Design an archive system to store novels. A novel can have many pages. Within a page, there can be several columns and frames. A column can contain frames, so can a frame contain columns. Moreover, multiple images may be seen in a column or frame. A column is very likely to contain several lines of text, which can be a combination of characters and images. A UML class diagram is shown below that depicts many composition relationships. Please re-design it into a hierarchical representation to improve software reuse. One restriction is that a type should not directly include its own type. For example, a column should not include a column directly. However, it is ok to include an indirect object type. For example, a column can have frames which contain columns, so that a relationship for a column to contain columns indirectly is acceptable. The Novel class and its entity classes, such as Page, will provide five methods to allow contents manipulation. These methods include save, retrieve, view, edit and delete. Given a Novel object, an administrator can run all five methods of the Novel object. However, an editor can only run the object's save, retrieve, and delete functions, and a writer can only execute the view and edit operations. Please submit the UML class diagram for your design. (4.5 pts) Implement C\# code to do the followings: (5.5 pts) 1. Create a Novel object that contains one page. The page has one Column and one Frame. The Column contains one LineOfText with five Characters "SWENG". The Frame contains one Column which contains one LineOfText with three Characters "421". 2. For the created Novel object, a writer calls the object's view method to see the result as