fix: icon import error in web component examples

[szinta]

closes #8285, #73

In addition to resolving the above issues, this PR also includes the below changes:

• lock the ESLint and TypeScript versions to address a linting error caused by version incompatibility
• replace cds-side-panel with c4p-side-panel in Row click example as cds-side-panel is deprecated
• fix the issue in the Filter flyout example where the flyout does not appear when the trigger icon is clicked

Fixed icon import issue in below listed examples:

• AI Label: Fix
• Customize column order: Fix
• Filter Flyout: Fix
• Filter panell: Fix
• Nested rows: Fix
• Row actions: Fix
• Row settings: Fix
• Sticky columns: Fix
• Basic : Fix
• Column alignment: Fix
• Column resizing: Fix
• Editable cells: Fix
• Global filter: Fix
• Infinite scroll: Fix
• Row click: Fix
• Row expansion: Fix
• Sortable columns: Fix
• Tabbed Header: Fix
• Virtualized: Fix

@carbon/web-components version updated to "latest" from 2.27.1 and fixed icon import issue in below listed examples:

• Batch actions: Fix
• Dynamic nested rows: Fix
• Selectable and nested rows: Fix
• Pagination : Fix

[szinta]

@matthewgallo Could you please help me resolve the lint error in this PR? I'm not sure how to configure tsconfigRootDir. Also, I'm curious why this lint error started appearing all of a sudden.

[matthewgallo]

@szinta, I pinned typescript-eslint and removed the feature flag in our lint script. From what I can see, there is a version compatibility issue between eslint and typescript-eslint. Pinning fixes it for now but we should re-visit later so we don't have to pin versions.

I also pinned typescript to a version within the range of supported versions for eslint.

[matthewgallo]

Great work here 🎉