Create basic UI components

[shahryarjb]

To make a dynamic template and later a drag and drop editor, we need to implement a series of basic components. It should be server side rendered and be ordered by Sortable JS.

• Create server side Section element #18
• Create server side Table element #73
• Create server side Accordion element #19
• Create server side Alerts element #20
• Create server side Buttons element #24
• Create server side Tabs element #51
• Create server side Text element #33
• Create server side Quotes element #80
• Create server side Card element #25
• Create server side Badge element #22
• Create server side Breadcrumb element #23
• Create server side Carousel element #26
• Create server side Banner element #81
• Create server side Bottom navigation element #82
• Create server side Drawer element #83
• Create server side Footer element #84
• Create server side Gallery element #85
• Create server side Sidebar element #87
• Create server side Mega Menu element #86
• Create server side Collapse element #27
• Create server side Modal element #28
• Create server side Off canvas element #29
• Create server side Progress element #30
• Create server side Progress Scroll spy #31
• Create server side Toasts element #34
• Create server side Avatars element #35
• Create server side Chat bubble element #36
• Create server side TODO list element #42
• Create server side PDF element #45
• Create server side Image element #46
• Create server side Code mockup element  #47
• Create server side Rating element #49
• Create server side Stat element #50
• Create server side Skeleton element #52
• Create server side Popover element #53
• Create server side Heading element #21
• Create server side Highlight element #57
• Create aside settings for Section #75

---

If you want to create a JS{} and copy this for HTML side, use this in your LiveView handle_call:

JS.push("delete", value: %{id: id, type: "dom"})
    |> hide_modal("delete_confirm")
    |> Map.get(:ops)
    |> Jason.encode!()

@MonaAghili