[iOS] Admin Dashboard - Active Devices Icons

[JPKribs]

This adds client icons when there they are active devices but have no NowPlayingItem. Also maps colors to the client to use as the background for the icons. Lastly, this forces the spacing & poster sizes. This prevents square posters from overflowing into the text when there are no other posters. This also makes sure the spacing between rows doesn't get weird when a square poster is present and all of the other posters shift up. See screenshots for details:

New Icon Examples

Spacing Changes

Force Albums into Size

[JPKribs]

I think the only weird part from this is that other clients are just parsing the DeviceName and ClientName to get the DeviceType and, if needed, browser type. I've recreated this logic in my DeviceType enum but I don't love how complicated it is. I'd much prefer fuzzier match where instead of "Swiftfin iOS, Swiftfin iPadOS, Swiftfin tvOS, Jellyfin iOS..." We could get apple with just "\bi(?:OS|PadOS)\b|\btvOS\b" + "Infuse" to capture all of these. I wasn't sure what the best route was so I went for the static route but I'd love to change this to be less maintenance.

[LePips]

All SVGs need to be changed to Single Scale.

• https://www.avanderlee.com/xcode/svg-image-assets/#how-can-i-use-an-svg-in-xcode

[LePips]

I did see your comment on the fuzzy matching and that sounds like a good general idea. Since that's just a nice-to-have I would want to keep it simple with natural regex matching, however a consensus wasn't made on its design.

https://forums.swift.org/t/se-0357-regex-string-processing-algorithms/57225/2

[JPKribs]

I did see your comment on the fuzzy matching and that sounds like a good general idea. Since that's just a nice-to-have I would want to keep it simple with natural regex matching, however a consensus wasn't made on its design.

https://forums.swift.org/t/se-0357-regex-string-processing-algorithms/57225/2

I tried to keep simple. Nothing crazy. I've tested on the following devices with no missed matches:

• Internet Explorer
• Google Chrome
• MSFT Edge
• FireFox
• Swiftfin
• Infuse
• Samsung TV (Dev-Build of the Tizen)
• Jellyfin Vue [This doesn't return a always return DeviceName as a Browser so the result is the generic other but working as expected]
• Safari
• Android Phone
• LG TV (WebOS)

Let me know if you want to make any changes. My REGEX is functional but I'm not offended at all if there is any critique since I'm sure there are more efficient uses

[JPKribs]

Also, I added checks to parse out webOS (LG TVs) but for the life of me I couldn't find a webOS logo svg. I left a TODO for that. I don't feel a ton of pressure since other clients groups webOS as part of "Other" so we'd be the first if we had this parsed in Swiftfin.

My wife was able to help me get this into the same all-white format as the other logos. This should be good to go now:

[LePips]

I haven't tested with all of the types but looks good to me. Thank your wife for helping with the webos logo!