Fixes ytgov#112

Relates to:

• Travel Desk Request
• Travel options

Context

Is your feature request related to a problem? Please describe.
Related to the "Travel Port Text" button and subsequent pop-up

1.) Update titles to read horizontally

2.) Clean and separate options button does not work

Describe the solution you'd like
The user would copy some text from a different application and the Clean and separate options would parse the various components of the text into flight segments. That would appear in the flight segment region. The user could then group segments together into groupings and give the grouping a cost. Grouped segments would appear on the travel desk request screen.

Additional context
See sample text.

Passenger:
ignore this info

Flights:
Air Canada AC303
Departure: 13 Jan 09:05 Pierre Elliott Trudeau Intl Arpt (YUL) Terminal:
Arrival: 13 Jan 11:53 Vancouver Intl Arpt (YVR) Terminal: M
Duration: 5 Hour(s) 48 Minutes
Status: Confirmed
Class: Q
Air Canada AC304
Departure: 13 Jan 09:05 Pierre Elliott Trudeau Intl Arpt (YUL) Terminal:
Arrival: 13 Jan 11:53 Vancouver Intl Arpt (YVR) Terminal: M
Duration: 5 Hour(s) 48 Minutes
Status: Confirmed
Class: Q

Hotels:
Hotel details here...

Cars:
Car rental details here...

Implementation

1. Move away from unstable title card component, to standard Vuetify card component.
2. Add minimal test for single example of parsing travel port(al?) text.
3. Add front-end test setup.

Concerns

1. The current implementation of the travel text parser is virtually impossible to read or debug, and is extremely fragile. A complete re-write is likely necessary before production use, with each new feature backed by multiple test cases.
2. UI is composed of multiple layers of modals, and this violates both accessibility and basic usability considerations. It also makes it very difficult to perform future development and debugging.

Screenshots

Travel Desk -> Edit (modal) -> Travel Port Text (modal)

Testing Instructions

1. Run the test suite via dev test web (or dev test_web)
2. Boot the app via dev up
3. Log in to the app at http://localhost:8080
4. Click on "My Travel Requests" from the top nav drop down.
5. Create travel request.
6. Generate an estimate.
7. Submit to yourself as the supervisor; this feature should be removed in production.
8. Select "Manger View" from top nav drop down.
9. Approve your request.
10. Select "Travel Desk" from the to drop down nav.
11. Check the box beside your travel request, then click on print.
12. Check that this renders correctly, then exit the modal.
13. Click the "edit" button for a particular travel desk request row to open the travel desk request edit modal.
14. Click on the "Travel Port(al?) Text" call to action button.
15. This opens the 2nd layer modal for managing group/flight options; see concerns.
16. Enter the provide text; note this is the only text that is likely to work; see concerns.
17. Check that the example parses.