update live-events img background color

[sivanel97]

User description

Description

Update live-events img background.

Updated docs pages

• https://docs.port.io/build-your-software-catalog/sync-data-to-catalog/cloud-providers/aws/installations/live-events/#live-events-flow

---

PR Type

Documentation

---

Description

• Add white background color to live-events diagram image

• Improve visual presentation of SVG diagram in documentation

---

Diagram Walkthrough

flowchart LR
  A["live-events.md"] -- "add backgroundColor style" --> B["img element"]

Loading

File Walkthrough

	Relevant files
Documentation	live-events.md Add white background style to diagram image                            docs/build-your-software-catalog/sync-data-to-catalog/cloud-providers/aws/installations/live-events.md Add inline CSS style with white background color to the live-events diagram image Improve visual contrast and presentation of the SVG diagram Add proper indentation for better code formatting +1/-1

---

[qodo-merge-pro]

PR Compliance Guide 🔍

Below is a summary of compliance checks for this PR:

Security Compliance
🟢	No security concerns identified No security vulnerabilities detected by AI analysis. Human verification advised for critical code.
Ticket Compliance
⚪	🎫 No ticket provided Create ticket/issue
Codebase Duplication Compliance
⚪	Codebase context is not defined Follow the guide to enable codebase context checks.
Custom Compliance
🟢	Generic: Meaningful Naming and Self-Documenting Code Objective: Ensure all identifiers clearly express their purpose and intent, making code self-documenting Status: Passed
	Generic: Secure Error Handling Objective: To prevent the leakage of sensitive system information through error messages while providing sufficient detail for internal debugging. Status: Passed
	Generic: Secure Logging Practices Objective: To ensure logs are useful for debugging and auditing without exposing sensitive information like PII, PHI, or cardholder data. Status: Passed
⚪	Generic: Comprehensive Audit Trails Objective: To create a detailed and reliable record of critical system actions for security analysis and compliance. Status: Not Applicable: The PR only modifies documentation markup by adding an inline style to an image and does not involve application logic where audit trails would apply. Referred Code <img src='/img/build-your-software-catalog/sync-data-to-catalog/cloud-providers/aws/live-events-diagram.svg' width='50%' border='1px' style={{'backgroundColor': 'white'}} /> <br></br>
	Generic: Robust Error Handling and Edge Case Management Objective: Ensure comprehensive error handling that provides meaningful context and graceful degradation Status: Not Applicable: The change is a static documentation image style update with no runtime behavior or error handling to assess. Referred Code <img src='/img/build-your-software-catalog/sync-data-to-catalog/cloud-providers/aws/live-events-diagram.svg' width='50%' border='1px' style={{'backgroundColor': 'white'}} /> <br></br>
	Generic: Security-First Input Validation and Data Handling Objective: Ensure all data inputs are validated, sanitized, and handled securely to prevent vulnerabilities Status: Not Applicable: The PR only adds an inline CSS style to an image in documentation and does not introduce input handling or data processing to validate. Referred Code <img src='/img/build-your-software-catalog/sync-data-to-catalog/cloud-providers/aws/live-events-diagram.svg' width='50%' border='1px' style={{'backgroundColor': 'white'}} /> <br></br>

Compliance status legend

🟢 - Fully Compliant
🟡 - Partial Compliant
🔴 - Not Compliant
⚪ - Requires Further Human Verification
🏷️ - Compliance label

[qodo-merge-pro]

PR Code Suggestions ✨

Explore these optional code suggestions:

Category	Suggestion	Impact
General	Move border attribute into style object Move the non-standard border attribute into the JSX style object to adhere to modern web standards and consolidate styling logic. docs/build-your-software-catalog/sync-data-to-catalog/cloud-providers/aws/installations/live-events.md [40] -<img src='/img/build-your-software-catalog/sync-data-to-catalog/cloud-providers/aws/live-events-diagram.svg' width='50%' border='1px' style={{'backgroundColor': 'white'}} /> +<img src='/img/build-your-software-catalog/sync-data-to-catalog/cloud-providers/aws/live-events-diagram.svg' width='50%' style={{backgroundColor: 'white', border: '1px solid #ccc'}} /> Apply / Chat Suggestion importance[1-10]: 6 __ Why: The suggestion correctly identifies that the border attribute is deprecated in HTML5 and not a valid React prop, proposing to move it into the style object for better code quality and adherence to modern standards.	Low
More

[aws-amplify-eu-west-1]

This pull request is automatically being deployed by Amplify Hosting (learn more).

Access this pull request here: https://pr-2959.d2ngvl90zqbob8.amplifyapp.com