added data.json for soring waypoints data

src/app/home/home.component.html

@@ -5,10 +5,28 @@
              (keydown)="selezionaSuggerimento($event)" placeholder="Type here"
              class="input input-bordered input-primary w-full max-w-xs">
 
-      <ul class="list">
-        <li *ngFor="let luogo of luoghiPopup | async">{{luogo.nome}}</li>
-      </ul>
+      <ng-container *ngIf="luoghiPopup | async as luoghi;">
+        <ul *ngIf="luoghi.length > 0" class="menu bg-base-200 !w-fit p-2 rounded-box" id="list">
 
+          <li class="menu-title">
+            <span>Places</span>
+          </li>
+
+          <li *ngFor="let luogo of luoghi">
+            {{luogo.nome}}
+          </li>
+
+          <li class="menu-title">
+            <span>Near</span>
+          </li>
+
+          <li *ngFor="let luogo of luoghiNear()">
+            {{luogo.nome}}
+          </li>
+
+        </ul>
+      </ng-container>
     </div>
+    <img [src]="qrCodeImage" alt="QR Code">
   </div>
 </div>