Import correct stylings

[cssuh]

Fixes cell size alignment (the text is more centered in the after view) and adds correct imported images Also moves some files into reactViews

Before:

After:

[github-actions[bot]]

VSIX Size Comparison

• Main branch VSIX size: 11905 KB
• PR branch VSIX size: 11912 KB
• Size difference: $${\color{green} 7 KB \space (0\%) }$$

  React Webview Bundle Size Comparison

• Main branch bundle size: 2832 KB
• PR branch bundle size: 2868 KB
• Size difference: $${\color{red} 36 KB \space (1\%) }$$

[aasimkhan30]

@cssuh What are the icons for?

[cssuh]

@cssuh What are the icons for?

They're for the filtering & sorting plugin and they're currently imported by the table.css file, so that's why I added them.

[cssuh]

This is how they will be used, I just haven't finished the plugin for them yet.

[aasimkhan30]

@cssuh, I see. Could you move the React resources to the reactviews folder? Currently, the files in the media folder are being copied directly into the VSIX, and the bundle also includes these files, causing duplication of resources.

[cssuh]

@cssuh, I see. Could you move the React resources to the reactviews folder? Currently, the files in the media folder are being copied directly into the VSIX, and the bundle also includes these files, causing duplication of resources.

Sure, I'll move them