Sidebar style update / Misc updates

[ShaneIsrael]

Some style updates to bring the transcoding status information a bit more in line with the rest of the sidebar.

• Added a new extract_date_from_file function in util.py that attempts to extract the recording date from video metadata using ffprobe, falls back to filename patterns, and finally to the file creation timestamp.
• Updated all usages in cli.py and api.py to use extract_date_from_file instead of the previous filename-based method, ensuring more accurate and robust date extraction for video records.
• Renamed the old extract_date_from_filename to _extract_date_from_filename to clarify its internal use.
• Refactored TranscodingStatus.js to use Material UI's Grid and IconButton, improved status polling logic for more responsive updates, and enhanced the visual display of transcoding progress and stopped state. Added a spinning sync icon for compact view and improved tooltip handling.
  Disk Space Indicator:
• Adjusted spacing and padding in DiskSpaceIndicator.js for better visual alignment and consistency across different indicator states.
  Settings View:
• Minor wording change in the settings panel to clarify the message when transcoding is disabled.

[ShaneIsrael]

@dammitjeff the style updates I made

[dammitjeff]

Ah, I see what you mean now when it comes to the styling. Yeah this is much better, I like it

Not sure what the movie slate is exactly supposed to signify, perhaps having a spinning circle animation would be easier to convey something is happening in the background?

[ShaneIsrael]

It's to show that a transcode operation is happening when the sidebar is closed. Wasn't really sure what icon to use. Definitely open to opinions.

There are the options: https://mui.com/material-ui/material-icons/

[dammitjeff]

Nice, spinny logo is good :)