feat(fe:FSADT1-1523): Apply design styling to Search screen

[fterra-encora]

Description

• Updates the style of Autocomplete options;
• Fixes position of the search box (remove margin above the data-table);
• Updates the message for no results;
• Changes color of placeholder text - should be applied exclusively to the search box;
• Fixes function toTitleCase - now it also considers "(" and "." as separators.

Fixes FSADT1-1523

Type of change

• [ ] Bug fix (non-breaking change which fixes an issue)
• [ ] New feature (non-breaking change which adds functionality)
• [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
• [ ] This change requires a documentation update
• [ ] Documentation update

How Has This Been Tested?

• [ ] New unit tests
• [ ] New integrated tests
• [ ] New component tests
• [ ] New end-to-end tests
• [ ] New user flow tests
• [ ] No new tests are required
• [ ] Manual tests (description below)
• [ ] Updated existing tests

Checklist

• [x] I have read the CONTRIBUTING doc
• [x] I have performed a self-review of my own code
• [x] I have commented my code, particularly in hard-to-understand areas
• [x] I have made corresponding changes to the documentation
• [x] My changes generate no new warnings
• [x] I have added tests that prove my fix is effective or that my feature works
• [x] New and existing unit tests pass locally with my changes
• [x] Any dependent changes have already been accepted and merged

Further comments

---

Thanks for the PR!

Deployments, as required, will be available below: Any successful deployments (not always required) will be available here

Please create PRs in draft mode. Mark as ready to enable:

• Analysis Workflow

After merge, new images are deployed in:

• Merge Workflow

[github-actions[bot]]

Current changelog

Bug Fixes

• prevent reading from undefined (7e90e32)
• update function toTitleCase (8e151af)

Features

• add slot for custom item component on the Auto Complete (8c94c5b)
• allow custom size for Auto Complete (c9bc6c6)
• customize predictive search result items (58e46e8)
• display no results message (6cf6cb1)
• update placeholder color (8cc6f10)
• update search-line paddings (674d5f8)

[github-actions[bot]]

Overall Project	NaN% NaN%	:green_apple:

There is no coverage information present for the Files changed

[github-actions[bot]]

Current changelog

Bug Fixes

• prevent reading from undefined (7e90e32)
• remove unnecessary css code (b74cf5f)
• update function toTitleCase (8e151af)

Features

• add slot for custom item component on the Auto Complete (8c94c5b)
• allow custom size for Auto Complete (c9bc6c6)
• customize predictive search result items (58e46e8)
• display no results message (6cf6cb1)
• update placeholder color (8cc6f10)
• update search-line paddings (674d5f8)

[github-actions[bot]]

Overall Project	NaN% NaN%	:green_apple:

There is no coverage information present for the Files changed

[github-actions[bot]]

Current changelog

Bug Fixes

• prevent reading from undefined (7e90e32)
• remove unnecessary css code (b74cf5f)
• update function toTitleCase (8e151af)

Features

• add slot for custom item component on the Auto Complete (8c94c5b)
• allow custom size for Auto Complete (c9bc6c6)
• customize predictive search result items (58e46e8)
• display no results message (6cf6cb1)
• update placeholder color (8cc6f10)
• update search-line paddings (674d5f8)

[github-actions[bot]]

Overall Project	NaN% NaN%	:green_apple:

There is no coverage information present for the Files changed