better styling change sync from pds to view on pds

hosting-service/src/server.ts

···
       text-decoration: underline;
     }
     footer {
-      margin-top: 3rem;
+      margin-top: 2rem;
       padding-top: 1.5rem;
       border-top: 1px solid var(--border);
       text-align: center;
···
       padding: 0.5rem 0;
       border-bottom: 1px solid var(--border);
     }
+    li:last-child {
+      border-bottom: none;
+    }
     li a {
       color: var(--accent);
       text-decoration: none;
···
       mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"/></svg>');
     }
     footer {
-      margin-top: 3rem;
+      margin-top: 2rem;
       padding-top: 1.5rem;
       border-top: 1px solid var(--border);
       text-align: center;

public/editor/tabs/SitesTab.tsx

···
 								View and manage all your deployed sites
 							</CardDescription>
 						</div>
-						<Button
-							variant="outline"
-							size="sm"
-							onClick={onSyncSites}
-							disabled={isSyncing || sitesLoading}
-						>
-							<RefreshCw
-								className={`w-4 h-4 mr-2 ${isSyncing ? 'animate-spin' : ''}`}
-							/>
-							Sync from PDS
-						</Button>
+						{userInfo && (
+							<Button
+								variant="outline"
+								size="sm"
+								asChild
+							>
+								<a
+									href={`https://pdsls.dev/at://${userInfo.did}/place.wisp.fs`}
+									target="_blank"
+									rel="noopener noreferrer"
+								>
+									<ExternalLink className="w-4 h-4 mr-2" />
+									View in PDS
+								</a>
+							</Button>
+						)}
 					</div>
 				</CardHeader>
 				<CardContent className="space-y-4">