Bring back logo, promo text in secret sharing

frontend/src/views/ViewSecretPublicPage/components/SecretContainer.tsx

@@ -43,8 +43,10 @@ export const SecretContainer = ({ secret, secretKey: key }: Props) => {
 
   return (
     <div className="rounded-lg border border-mineshaft-600 bg-mineshaft-800 p-4">
-      <div className="mb-4 flex items-center justify-between">
-        <h2>Shared Secret</h2>
+      <div className="flex items-center justify-between rounded-md bg-white/[0.05] p-2 text-base text-gray-400">
+        <p className="whitespace-pre-wrap break-all">
+          {isVisible ? decryptedSecret : hiddenSecret}
+        </p>
         <div className="flex">
           <IconButton
             ariaLabel="copy icon"
@@ -67,11 +69,6 @@ export const SecretContainer = ({ secret, secretKey: key }: Props) => {
           </IconButton>
         </div>
       </div>
-      <div className="flex items-center justify-between rounded-md bg-white/[0.07] p-2 text-base text-gray-400">
-        <p className="whitespace-pre-wrap break-all">
-          {isVisible ? decryptedSecret : hiddenSecret}
-        </p>
-      </div>
       <Button
         className="mt-4 w-full bg-mineshaft-700 py-3 text-bunker-200"
         colorSchema="primary"

frontend/src/views/ViewSecretPublicPage/components/SecretErrorContainer.tsx

@@ -3,7 +3,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
 export const SecretErrorContainer = () => {
   return (
-    <div className="rounded-lg border border-mineshaft-600 bg-mineshaft-800 p-4">
+    <div className="rounded-lg border border-mineshaft-600 bg-mineshaft-800 p-8">
       <div className="text-center">
         <FontAwesomeIcon icon={faKey} size="2x" />
         <p className="mt-4">The secret you are looking is missing or has expired</p>