Sathiyapramod/layout.jsx

## layout.jsx
import { ReduxProvider } from "@/redux/provider";
import Login from "./components/Login";

export default function RootLayout() {
  return (
    <html lang="en">
      <body>
        <ReduxProvider>
          <Login />
        </ReduxProvider>
      </body>
    </html>
  );
}

## page.jsx
//Profile/page.js

"use client";

import React from "react";
import { useSelector } from "react-redux";

export default function Page() {
  const username = useSelector((state) => state.rootReducer.username);
  const password = useSelector((state) => state.rootReducer.password);

  return (
    <div className="profile-container">
      <div>
        <h3>Profile Details</h3>
        <br />
        <div>Profile Name &nbsp;{username}</div>
        <div>Password:&nbsp;{password}</div>
      </div>
    </div>
  );
}
	import { ReduxProvider } from "@/redux/provider";
	import Login from "./components/Login";

	export default function RootLayout() {
	return (
	<html lang="en">
	<body>
	<ReduxProvider>
	<Login />
	</ReduxProvider>
	</body>
	</html>
	);
	}
	//Profile/page.js

	"use client";

	import React from "react";
	import { useSelector } from "react-redux";

	export default function Page() {
	const username = useSelector((state) => state.rootReducer.username);
	const password = useSelector((state) => state.rootReducer.password);

	return (
	<div className="profile-container">
	<div>
	<h3>Profile Details</h3>
	<br />
	<div>Profile Name  {username}</div>
	<div>Password: {password}</div>
	</div>
	</div>
	);
	}