Change port and fix text color

Author: janslifka

package.json

@@ -13,7 +13,7 @@
     "dev": "concurrently -k \"npm run build:watch\" \"npm run serve:dist\"",
     "format": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json}\" && eslint src --fix",
     "lint": "eslint src",
-    "serve:dist": "vite preview --strictPort --port 4173",
+    "serve:dist": "vite preview --strictPort --port 4201",
     "typecheck": "tsc --noEmit"
   },
   "devDependencies": {

src/components/RepliesImporterComponent.tsx

@@ -63,11 +63,11 @@ export default function RepliesImporterComponent({
                             onChange={handleFileChange}
                         />
                     </div>
-                    <p className="mt-2">
+                    <p className="mt-2 text-muted">
                         To obtain the file for import, go to your source project, create a JSON
                         document using <em>Questionnaire Report</em> template, and download it.
-                        <br />
-                        <br />
+                    </p>
+                    <p className="mt-2 text-muted">
                         Please note that file replies will not be imported (as file contents are not
                         part of the JSON replies export).
                     </p>