added iOS padding (#69)

lib/client-helpers.ts

@@ -12,6 +12,19 @@ export function useHelpers() {
   const currentUserId = session?.user.id
   const [usersData] = useAtom(usersAtom)
   const currentUser = usersData.users.find((u) => u.id === currentUserId)
+  // detect iOS: https://stackoverflow.com/a/9039885
+  function iOS() {
+    return [
+      'iPad Simulator',
+      'iPhone Simulator',
+      'iPod Simulator',
+      'iPad',
+      'iPhone',
+      'iPod',
+    ].includes(navigator.platform)
+    // iPad on iOS 13 detection
+    || (navigator.userAgent.includes("Mac") && "ontouchend" in document)
+  }  
 
   return {
     currentUserId,
@@ -19,6 +32,7 @@ export function useHelpers() {
     usersData,
     status,
     hasPermission: (resource: 'habit' | 'wishlist' | 'coins', action: 'write' | 'interact') => currentUser?.isAdmin ||
-      checkPermission(currentUser?.permissions, resource, action)
+      checkPermission(currentUser?.permissions, resource, action),
+    isIOS: iOS(),
   }
 }