fix: issues indicated by Copilot

Author: pan93412

app/(admin)/(activity-management)/points/_components/data-table.tsx

@@ -39,7 +39,7 @@ export const POINTS_TABLE_QUERY = graphql(`
   }
 `);
 
-const POINTS_TABLE_ROW_FRAGEMENT = graphql(`
+const POINTS_TABLE_ROW_FRAGMENT = graphql(`
   fragment PointsTableRow on Point {
     id
     user {
@@ -74,7 +74,7 @@ export function PointsDataTable({ query }: { query?: string }) {
       const node = edge?.node;
       if (!node) return null;
 
-      const point = readFragment(POINTS_TABLE_ROW_FRAGEMENT, node);
+      const point = readFragment(POINTS_TABLE_ROW_FRAGMENT, node);
 
       if (!point) return null;
       return {

app/(admin)/(activity-management)/points/_components/update-form.tsx

@@ -93,11 +93,16 @@ export function UpdatePointsForm({
               <Input {...field} placeholder="請輸入使用者 ID" />
             </FormControl>
             <FormDescription>
-              選擇要發放點數的使用者。可以到使用者管理頁面確認對應代號。<br />
-              {loading ? <Spinner className="mr-4 inline-block size-4" /> : null}
-              {userInfoData?.user
-                ? `您正要發放給：${userInfoData.user.name} (${userInfoData.user.email})`
-                : "您輸入的使用者 ID 不存在。"}
+              <div>
+                選擇要發放點數的使用者。可以到使用者管理頁面確認對應代號。
+              </div>
+
+              <div className="flex items-center gap-4">
+                {loading ? <Spinner className="mr-4 inline-block size-4" /> : null}
+                {userInfoData?.user
+                  ? `您正要發放給：${userInfoData.user.name} (${userInfoData.user.email})`
+                  : "您輸入的使用者 ID 不存在。"}
+              </div>
             </FormDescription>
             <FormMessage />
           </FormItem>

app/(admin)/(question-management)/questions/_components/update-form.tsx

@@ -29,7 +29,7 @@ export interface UpdateQuestionFormData {
   databaseID?: string; // Changed to single databaseID for 1-N relationship
 }
 
-const QUESTION_UPDATE_FORM_FRAGEMENT = graphql(`
+const QUESTION_UPDATE_FORM_FRAGMENT = graphql(`
   fragment QuestionUpdateForm on Query {
     databases {
       id
@@ -42,7 +42,7 @@ const QUESTION_UPDATE_FORM_FRAGEMENT = graphql(`
 
 export interface UpdateQuestionFormProps extends Omit<UpdateFormBaseProps<z.infer<typeof formSchema>>, "onSubmit"> {
   onSubmit: (newValues: UpdateQuestionFormData) => void;
-  fragment: FragmentType<typeof QUESTION_UPDATE_FORM_FRAGEMENT>;
+  fragment: FragmentType<typeof QUESTION_UPDATE_FORM_FRAGMENT>;
 }
 
 const difficultyOptions = [
@@ -59,7 +59,7 @@ export function UpdateQuestionForm({
   onFormStateChange,
   fragment,
 }: UpdateQuestionFormProps) {
-  const { databases, questionCategories } = useFragment(QUESTION_UPDATE_FORM_FRAGEMENT, fragment);
+  const { databases, questionCategories } = useFragment(QUESTION_UPDATE_FORM_FRAGMENT, fragment);
 
   const form = useForm<z.infer<typeof formSchema>>({
     resolver: zodResolver(formSchema),