I want to create a custom "Create/View comment" Page where the user can create new comment as well as view all his previous comments.

ViewComment Page:


     <apex:dataTable value="{!commentdata}" var="comments">     
             
              <apex:column headerValue="Title">
                <apex:inputText value="{!title}"/>
              </apex:column>
             
     <apex:column headerValue="Comment Section">
              <apex:inputText value="{!Comment}"/>
               
              </apex:column>
              <apex:column headerValue="CreatedBy">
              <apex:inputText value="{!CreatedBy}"/>
              </apex:column>
              </apex:dataTable>
    
     <apex:column headerValue="Timestamp">
                <apex:inputText value="{!timestamp}"/>
              </apex:column>
          <apex:commandButton value="New comment" onclick="PopUp(); return false"/> //when the user clicks on this button it would open up a pop up where the user can enter the comment and click save

CretaeComment Page :

    <apex:inputTextarea value="{!Comment}"/>
    <apex:commandbutton value="Save" action="{!savecomment}"/>

When the user clicks on the save button it should update the view comment datatable on the ViewComment page and the new comment will always be on top.

how do I save value from one page to another? Here the comments are not getting stored on any salesforce custom/standard objects. It is temporarily saved on the view state. I want to save it in such a way that the recent comment should be at the top.  Any help would be appreciated.