[Invite Links] Fix creation form slug (#12148)

<img width="731" height="346" alt="image"
src="https://github.com/user-attachments/assets/e05f511a-5319-4011-b4fe-0877e6dacfa4"
/>

Fixes this ^^


Also fixes appearance on dark mode

Author: manuthecoder

app/views/organizer_position_invite/links/_form.html.erb

@@ -9,7 +9,7 @@
     Create
   </button>
   <div class="menu__content menu__content--2 menu__content--compact h5 p-3" data-menu-target="content">
-    <%= form_with(url: event_invite_links_path(event_id: event.id), data: { turbo_frame: "invite_links_section" }) do |form| %>
+    <%= form_with(url: event_invite_links_path(event_id: event.slug), data: { turbo_frame: "invite_links_section" }) do |form| %>
       <div class="field">
         <%= form.label :expires_at, "Expires on" %>
         <%= form.date_field :expires_on, class: "!max-w-full w-full", value: OrganizerPositionInvite::Link::DEFAULT_EXPIRATION.from_now.strftime("%Y-%m-%d") %>

app/views/organizer_position_invite/links/_link_list.html.erb

@@ -5,7 +5,7 @@
     <p><%= event.name %> does not currently have any active invite links</p>
   </div>
 <% else %>
-  <div class="border rounded-xl overflow-hidden banner border shadow-none">
+  <div class="border rounded-xl overflow-hidden banner border !shadow-none">
     <% invite_links.each_with_index do |link, index| %>
       <div class="overflow-visible justify-between items-center gap-2">
         <span class="w-full flex gap-2 items-center align-middle">

app/views/organizer_position_invites/_form.html.erb

@@ -1,9 +1,9 @@
 <%= form_with(model: invite, url: event_organizer_position_invites_path(event_id: @event.slug), html: { "x-data": "{ role: 'member' }" }) do |form| %>
   <%= form_errors invite, "user" %>
 
-  <div class="border rounded-xl overflow-hidden banner shadow-none p-0 text-left">
+  <div class="border rounded-xl overflow-hidden banner !shadow-none p-0 text-left">
     <div class="field" x-data="{ email: '' }">
-      <div class="flex items-center !border-gray-200 dark:border-neutral-700 pr-2" style="border-bottom:1px solid">
+      <div class="flex items-center !border-gray-200 dark:!border-neutral-700 pr-2" style="border-bottom:1px solid">
         <%= form.email_field :email, class: "!max-w-full w-full !border-0 bg-transparent !rounded-none !h-[50px] !px-4 font-bold !text-lg", "x-model": "email", placeholder: "Email address" %>
         <button type="submit" class="btn btn-small">
           Send