Clarify photo task wording in admin UI

resources/js/admin/mobile/EventTasksPage.tsx

@@ -121,7 +121,26 @@ export default function MobileEventTasksPage() {
   const navigate = useNavigate();
   const { t } = useTranslation('management');
   const { user } = useAuth();
-  const { textStrong, muted, subtle, border, primary, danger, surface, surfaceMuted, dangerBg, dangerText, overlay } = useAdminTheme();
+  const {
+    textStrong,
+    muted,
+    subtle,
+    border,
+    primary,
+    danger,
+    surface,
+    surfaceMuted,
+    dangerBg,
+    dangerText,
+    overlay,
+    shadow,
+    glassSurface,
+    glassBorder,
+    glassShadow,
+  } = useAdminTheme();
+  const stickySurface = glassSurface ?? surface;
+  const stickyBorder = glassBorder ?? border;
+  const stickyShadow = glassShadow ?? shadow;
   const isMember = user?.role === 'member';
   const [assignedTasks, setAssignedTasks] = React.useState<TenantTask[]>([]);
   const [library, setLibrary] = React.useState<TenantTask[]>([]);
@@ -731,9 +750,16 @@ export default function MobileEventTasksPage() {
             </YStack>
           </Card>
 
-          <MobileCard
+          <Card
+            borderRadius={20}
+            borderWidth={2}
+            borderColor={stickyBorder}
+            backgroundColor={stickySurface}
             padding="$3"
-            space="$0"
+            shadowColor={stickyShadow}
+            shadowOpacity={0.16}
+            shadowRadius={16}
+            shadowOffset={{ width: 0, height: 10 }}
             style={{
               position: 'sticky',
               top: 'calc(env(safe-area-inset-top, 0px) + 76px)',
@@ -773,7 +799,7 @@ export default function MobileEventTasksPage() {
                 </XStack>
               </Pressable>
             </XStack>
-          </MobileCard>
+          </Card>
         </YStack>
       ) : null}