[ENG-9243] fix preprint moderation preprint datail url and not allow to render Withdraw and Submission tab for preprints moderation if status is null (#744)

- Ticket:  https://openscience.atlassian.net/browse/ENG-9243
- Feature flag: n/a

## Purpose

Preprint Moderation: OSF preprint withdrawal request throws error when clicked on preprint and moderator details page is not loading

## Summary of Changes

https://openscience.atlassian.net/browse/ENG-9243?focusedCommentId=91945

1.  Use preprint guid for url of such an format https://api.staging3.osf.io/v2/preprints/686bd16271351c4bd25a5deb/?embed%5B%5D=license&embed%5B%5D=identifiers

2. Not allow to render Withdraw and Submission tab for preprints moderation if status is null

Author: mkovalua

src/app/features/moderation/components/preprint-submission-item/preprint-submission-item.component.html

@@ -10,7 +10,7 @@
               class="link-btn-no-padding"
               styleClass="text-left"
               link
-              [label]="submission().title"
+              [label]="submission().title | fixSpecialChar"
               (onClick)="selected.emit()"
             />
             @for (action of showAll ? submission().actions : submission().actions.slice(0, limitValue); track $index) {

src/app/features/moderation/components/preprint-submission-item/preprint-submission-item.component.ts

@@ -10,6 +10,7 @@ import { IconComponent } from '@osf/shared/components/icon/icon.component';
 import { TruncatedTextComponent } from '@osf/shared/components/truncated-text/truncated-text.component';
 import { StopPropagationDirective } from '@osf/shared/directives/stop-propagation.directive';
 import { DateAgoPipe } from '@osf/shared/pipes/date-ago.pipe';
+import { FixSpecialCharPipe } from '@osf/shared/pipes/fix-special-char.pipe';
 
 import { PREPRINT_ACTION_LABEL, ReviewStatusIcon } from '../../constants';
 import { ActionStatus, SubmissionReviewStatus } from '../../enums';
@@ -29,6 +30,7 @@ import { PreprintSubmissionModel, PreprintWithdrawalSubmission } from '../../mod
     AccordionContent,
     ContributorsListComponent,
     StopPropagationDirective,
+    FixSpecialCharPipe,
   ],
   templateUrl: './preprint-submission-item.component.html',
   styleUrl: './preprint-submission-item.component.scss',

src/app/features/moderation/components/preprint-submissions/preprint-submissions.component.ts

@@ -97,6 +97,8 @@ export class PreprintSubmissionsComponent implements OnInit {
   }
 
   changeReviewStatus(value: SubmissionReviewStatus): void {
+    if (!value) return;
+
     this.selectedReviewOption.set(value);
     this.router.navigate([], {
       relativeTo: this.route,

src/app/features/moderation/components/preprint-withdrawal-submissions/preprint-withdrawal-submissions.component.ts

@@ -94,6 +94,8 @@ export class PreprintWithdrawalSubmissionsComponent implements OnInit {
   }
 
   changeReviewStatus(value: SubmissionReviewStatus): void {
+    if (!value) return;
+
     this.selectedReviewOption.set(value);
     this.router.navigate([], {
       relativeTo: this.route,
@@ -118,7 +120,9 @@ export class PreprintWithdrawalSubmissionsComponent implements OnInit {
 
   navigateToPreprint(item: PreprintWithdrawalSubmission) {
     const url = this.router.serializeUrl(
-      this.router.createUrlTree(['/preprints/', this.providerId(), item.id], { queryParams: { mode: 'moderator' } })
+      this.router.createUrlTree(['/preprints/', this.providerId(), item.preprintId], {
+        queryParams: { mode: 'moderator' },
+      })
     );
 
     window.open(url, '_blank');