Add new User Agents for iPhone and iPad; Fix vertical alignment of online indicator

[m-mikapika]

• I have added two new User Agents,

  • 'WalltakeriOS-iPhone-Shortcut (mikapika.)'
  • 'WalltakeriOS-iPad-Shortcut (mikapika.)'.
  • This is because I have created a method of using the Shortcuts app to set Walltaker wallpapers.

• I have changed the vertical alignment of the online indicator on the profile to be centred with the username.

Also I apologise for multiple different changes from the same pull request. I am new to actually using GitHub on public repositories.

[pupgray]

Thank you so much!! Happy to accept this as-is!

Though, as it stands, this will essentially remove the icon for the client on links that match your clients.

walltaker/app/views/links/_link.html.erb

Line 138 in 3a3ae96

<% case link_agent_to_icon link.last_ping_user_agent %>

If you'd like a specific icon, it'll need to be included in this big ol' case expression ⬆️

<% when :ios_iphone %>
          <span>Any short word here!</span>
          <iconify-icon icon="..."></iconify-icon>
<% when :ios_ipad %>
          <span>Any short word here!</span>
          <iconify-icon icon="..."></iconify-icon>

<iconify-icon icon="iconnamehere"></iconify-icon> will match ANY icon from this site: https://icon-sets.iconify.design/ (it's a rather clever web component, only pulls down the single icon when needed, so don't worry about picking an icon from a icon set we don't use, the load impact is quite low!)

[m-mikapika]

Changes made and icons added!

Regarding how it pings Walltaker, it's just a HTTP GET request within the Shortcuts app.
It does let you choose the headers yourself, but I don't know if anything else is put onto it when it's sent.

Either way they're moved so should be fine 👍