Strata Hotel Dashboard

### 📖 User Story
**As a** strata hotel manager, who has the Strata Hotel role assigned
**I want** to view my existing Strata Hotel applications in a table view on the property management dashboard
**so that** I can view and manage applications easily, as well as start a new Strata Hotel application.

### Context:
This step occurs after the user has selected Strata Hotel role or already has it assigned

#### 🎨 UX/UI Link: (Pending link to design)

📏 Business Rules:

- [ ] Call-to-action buttons "Create Strata Hotel Application"
- [ ] existing applications are displayed in table view.
- [ ] only applications associated with the current user are shown
- [ ] Pagination should be implemented when rows exceed a certain number (pending design specification).
- [ ] Each row should include (fields to be determined)
- [ ] Each row should be clickable, allowing users to access detailed information about the application.
- [ ] Applications should be sorted by status (applied first) and then by submission date.
- [ ] A search functionality, using elastic search, should be available.
- [ ] Clicking "Create Strata Hotel Application" takes the user to the first page of the Strata Hotel Application Form (pending design decision on whether it opens in a new tab or the same tab).

### 🎭 Story Scenarios

#### Scenario 1: Use existing account with an existing Strata Hotel role
**Given** a user has been assigned the "Strata Hotel Role"
**Then** they should be taken to the Strata Hotel Dashboard
**And** all of their applications should be listed
**And Then** they should be able to click on any row in the table to view more details.

#### Scenario 2: Start a new Strata Hotel Application
**Given** a user is on the Strata Hotel Dashboard
**When** the user clicks the button labeled "Create Strata Hotel Application"
**Then** the dashboard should open the application form within the "Strata Hotel" tab (pending design)
**And Then** the user should be able to fill out and submit the application from within their dashboard.

🌐 Accessibility Scenarios

### Keyboard Users
Scenario: Comprehensive Keyboard Navigation
**Given** I am a keyboard user on the website
**When** I use the Tab key to navigate through the website
**Then** all interactive elements should be accessible and highlighted
**And** I should be able to activate these elements using the Enter or Space key.

Scenario: Full Content Accessibility via Keyboard
**Given** I am a keyboard user navigating the website
**When** I traverse through different pages and sections
**Then** all content should be fully accessible using the keyboard alone
**And** there should be no traps that prevent me from navigating away using the keyboard.

### Screen Reader Users
Scenario: Accessible Image Descriptions
**Given** I am using a screen reader on the website
**When** I encounter images
**Then** each image should have descriptive alt text that conveys the same message as the image.

Scenario: Structured Navigation for Screen Readers
**Given** I am navigating the website using a screen reader
**When** I move through different page elements
**Then** the content should be structured with proper headings
**And** the reading order should be logical and sequential.

Scenario: Descriptive Form Fields
**Given** I am filling out a form using a screen reader
**When** I navigate through the form fields
**Then** each field should be clearly labeled with descriptive text
**And** instructions should be directly associated with their respective inputs.

### Low Vision Users
Scenario: Effective High Contrast Mode
**Given** I am a user with low vision on the website
**When** I enable high contrast mode
**Then** all content should display with high color contrast suitable for low vision
**And** the layout should remain coherent and unchanged.

Scenario: Text Resizing Accommodation
**Given** I am a user with low vision on the website
**When** I increase the text size
**Then** the text should resize without loss of information or functionality
**And** the page layout should adapt accordingly without disrupting the user experience.

Scenario: Personalized Styling Preferences
**Given** I am a user with low vision adjusting settings on the website
**When** I customize my styling preferences, including colors, fonts, and spacing
**Then** these adjustments should be applied consistently across all pages
**And** the changes should persist during my entire session or until altered by me.

🌍 Global Scenarios

#### Data Validation
**Given** a user enters information about Strata Hotel applications
**When** the information is submitted
**Then** the system should validate that all required fields are properly filled and formatted before proceeding.

#### Mobile Responsiveness
**Given** a user accesses the "Strata Hotel Applications" Tab on a mobile device
**When** they interact with the dashboard
**Then** the dashboard should be responsive and allow for smooth navigation and input on a mobile device, ensuring ease of use.