text: Title: Refactor pages
  Body: We currently have three pages apart from the landing page
  - The inverse kinematics page
  - The kinematics page
  - The leg patterns page 
  
  All of them have the following:
  ```python
  GRAPH_NAME = "graph-hexapod-patterns"
  ID_MESSAGE_DISPLAY_SECTION = "display-message-patterns"
  SECTION_MESSAGE_DISPLAY = html.Div(id=ID_MESSAGE_DISPLAY_SECTION)
  ID_POSES_SECTION = "hexapod-poses-values-patterns"
  SECTION_HIDDEN_JOINT_POSES = html.Div(id=ID_POSES_SECTION, style={"display": "none"})
  
  SECTION_CONTROLS = [
      SECTION_DIMENSION_CONTROL,
      *insert_widget_section_here*,
      SECTION_MESSAGE_DISPLAY,
      SECTION_HIDDEN_BODY_DIMENSIONS,
      *insert_hidden_parameters_here*,
  ]
  ```
  
  They also have something like this
  ```python
  OUTPUT_MESSAGE_DISPLAY = Output(ID_MESSAGE_DISPLAY_SECTION, "children")
  INPUT_POSES_JSON = Input(*insert parameter section_id_here*, "children")
  OUTPUTS = [Output(GRAPH_NAME, "figure"), OUTPUT_MESSAGE_DISPLAY]
  INPUTS = [INPUT_DIMENSIONS_JSON, INPUT_POSES_JSON]
  STATES = [State(GRAPH_NAME, "relayoutData"), State(GRAPH_NAME, "figure")]
  ```
  
  We can refactor this into the shared module