Team functionality (#459)

* add api enpoints for adding, removing, updating user to workspace and leaving workspace

* feat: updates client site workspace settings

* refactor and add domain setting ui in modal

* move workspace user functionality to its own component

* adds tests

* fix linting

* updates select input to FlatSelectInput

* moves workspace user role edit to seperated component

* move user adding to its own component

* adds check to usure users exist before checking is admin

* fix loading users

* feat: invite user to team functionality

* fix token coulmn

* fix self host mode changes

* tests for  user invite

* Refactor back-end

* Rename variables

* Improve some styling elements + refactor workspace settings

* More styling

* More UI polishing

* More UI fixes

* PHP linting

* Implemented most of the logic for team-functionnality

* Fix user avatar URL

* WIP remove users on cancellation

* Finished pricing for team functionality

* Fix tests

* Fix linting

* Added pricing_enabled helper

* Fix pricing_enabled shortcut

* Debug CI

* Disable pricing when testing

---------

Co-authored-by: LL-Etiane <lukongleinyuyetiane@gmail.com>
Co-authored-by: Lukong Etiane <83535251+LL-Etiane@users.noreply.github.com>
Co-authored-by: Julien Nahum <julien@nahum.net>

client/components/pages/pricing/CustomPlan.vue

@@ -1,31 +1,31 @@
 <template>
-  <div class="border relative max-w-5xl mx-auto mt-4 lg:mt-10">
-    <div class="w-full">
-      <div
-        class="rounded-lg bg-gray-50 dark:bg-gray-800 px-6 py-8 sm:p-10 lg:flex lg:items-center"
-      >
-        <div class="flex-1">
-          <h3
-            class="inline-flex px-4 py-1 rounded-full text-md font-bold tracking-wide uppercase bg-white text-gray-800"
-          >
-            Custom plan
-          </h3>
-          <div class="mt-4 text-md text-gray-600 dark:text-gray-400">
-            Get a custom file upload limit, enterprise-level support, custom
-            contract, dedicated application instance in a specific region,
-            payment via invoice/PO etc.
-          </div>
-        </div>
-        <div class="mt-6 rounded-md lg:mt-0 lg:ml-10 lg:flex-shrink-0">
-          <v-button
-            color="white"
-            class="w-full mt-4"
-            @click.prevent="customPlanClick"
-          >
-            Contact us
-          </v-button>
+  <div class="border lg:rounded-xl bg-gray-50 dark:bg-gray-800 relative max-w-5xl mx-auto mt-10">
+    <div
+      class=" p-6 lg:flex lg:items-center"
+    >
+      <div class="flex-1">
+        <h3
+          class="inline-flex px-4 py-1 rounded-full text-md font-semibold tracking-wide bg-blue-500 text-white"
+        >
+          Custom Plan
+        </h3>
+        <div class="mt-4 text-gray-600 dark:text-gray-400 max-w-2xl">
+          Get a custom file upload limit, enterprise-level support, custom
+          contract, dedicated application instance in a specific region,
+          payment via invoice/PO etc.
         </div>
       </div>
+      <div class="mt-6 lg:mt-0 lg:ml-10 lg:flex-shrink-0">
+        <UButton
+          size="xl"
+          color="white"
+          class="w-auto"
+          icon="i-heroicons-chat-bubble-left"
+          @click.prevent="customPlanClick"
+        >
+          Contact us
+        </UButton>
+      </div>
     </div>
   </div>
 </template>

client/components/pages/pricing/PricingTable.vue

@@ -97,7 +97,10 @@
                 </svg>
                 {{ title }}
               </li>
-              <slot name="pricing-table" />
+              <slot
+                name="pricing-table"
+                :is-yearly="isYearly"
+              />
             </ul>
           </div>