fix tour placement issues, basic offerTour method

src-ui/src/app/components/dashboard/dashboard.component.html

@@ -19,7 +19,9 @@
   </svg>
 </app-page-header>
 
-<div class='row'>
+<div tourAnchor="tour.dashboard"></div>
+
+<div class="row">
   <div class="col-lg-8">
     <ng-container *ngIf="savedViewService.loading">
       <div class="spinner-border spinner-border-sm me-2" role="status"></div>

src-ui/src/app/components/dashboard/widgets/welcome-widget/welcome-widget.component.html

@@ -1,4 +1,4 @@
-<ngb-alert type="primary" [dismissible]="false" tourAnchor="tour.dashboard">
+<ngb-alert type="primary" [dismissible]="false">
   <!-- [dismissible]="isFinished(status)" (closed)="dismiss(status)" -->
   <h4 class="alert-heading"><ng-container i18n>Paperless-ngx is running!</ng-container> 🎉</h4>
   <p i18n>You're ready to start uploading documents! Explore the various features of this web app on your own, or start a quick tour using the button below.</p>

src-ui/src/app/components/document-list/document-list.component.html

@@ -98,6 +98,7 @@
   </div>
 </ng-template>
 
+<div tourAnchor="tour.documents"></div>
 <ng-container *ngTemplateOutlet="pagination"></ng-container>
 
 <ng-container *ngIf="list.error ; else documentListNoError">
@@ -105,7 +106,6 @@
 </ng-container>
 
 <ng-template #documentListNoError>
-  <div tourAnchor="tour.documents"></div>
   <div *ngIf="displayMode == 'largeCards'">
     <app-document-card-large [selected]="list.isSelected(d)" (toggleSelected)="toggleSelected(d, $event)" *ngFor="let d of list.documents; trackBy: trackByDocumentId" [document]="d" (clickTag)="clickTag($event)" (clickCorrespondent)="clickCorrespondent($event)" (clickDocumentType)="clickDocumentType($event)" (clickStoragePath)="clickStoragePath($event)" (clickMoreLike)="clickMoreLike(d.id)">
     </app-document-card-large>

src-ui/src/app/components/document-list/popover-preview/popover-preview.scss

@@ -1,4 +1,4 @@
-::ng-deep .popover {
+::ng-deep app-document-list .popover {
   max-width: 40rem;
 
   .preview {